专栏首页cwl_JavaPHP-通过异步实现增、删、改

PHP-通过异步实现增、删、改

1.6 通过异步实现增、删、改

异步添加

add.html

<body>
<script src='./js/jquery-3.3.1.min.js'></script>
<script>
$(document).ready(function() {
	$(':button:first').click(function(){
		var title=$('#title').val();
		var content=$('#content').val();
		$.post('./add.php',{'title':title,'content':content},function(data){
			if(data){
				alert('添加成功');
				kk='list.php';
			}else{
				alert('添加失败');
			}
		})
	})
});
</script>
<!--1、创建表单-->
<form method="post" action="">
	标题: <input type="text" id="title"> <br /> <br />
	内容:  <textarea id="content" rows="5" cols="30"></textarea> <br /> <br />
	<input type="button" name="button" value="提交">
</form>
</body>

add.php

<?php
require './inc/conn.php';
$title=$_POST['title'];
$content=$_POST['content'];
$time=time();
$sql="insert into news values (null,'$title','$content',$time)";
echo mysqli_query($link,$sql)?1:0;

异步删除

list.php

-- button按钮
<td><input type="button" value="删除" op='del' newsid=<?php echo $rows['id']?>></td>

<script src='./js/jquery-3.3.1.min.js'></script>
<script>
$(document).ready(function() {
	$(':button').click(function(){
		var tr=$(this).parents('tr');	//按钮所在的行

		if($(this).attr('op')=='del'){
			var id=$(this).attr('newsid');	//获取新闻的id
			$.post('./del.php',{'id':id},function(data){
				
				if(data==1)
					tr.remove();
				else
					alert('删除失败');
			})
		}
	})
});
</script>

del.php

<?php
//1、连接数据库
require './inc/conn.php';
//2、拼接SQL语句
$sql="delete from news where id={$_POST['id']}";
//3、执行SQL语句
echo mysqli_query($link,$sql)?1:0;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端基础-Ajax跨域问题的解决方案

    同源策略,也叫跨域禁止策略; 阻止从一个域上加载的脚本,获取或操作另一个域上的资源;

    cwl_java
  • 前端基础-ECMAScript常量

    cwl_java
  • 性能优化-可视化GC日志分析工具

    前面通过-XX:+PrintGCDetails可以对GC日志进行打印,我们就可以在控制台查看,这样虽然可以查看GC的信息,但是并不直观,可以借助于第三方的GC日...

    cwl_java
  • PHP7内核:源码分析的环境与工具

    本文介绍两款调试工具,分别是GDB和CLion,前者为命令行调试工具,后者为图形界面调试工具,后者依赖前者。两者的安装都很简单,Clion到官网下载即可,GDB...

    平也
  • 使用PHP搭建个人博客站点

    PHP(全名:PHP: Hypertext Preprocessor)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主...

    心莱科技雪雁
  • 宜信容器云排错工具集

    宜信容器云是一套基于kubernetes的容器管理平台。业务线用户在容器云上部署应用程序时,常常会遇到容器无法启动或者应用程序运行不正常的情况。为了方便用户排查...

    宜信技术学院
  • PHP高级爬虫实践|记一次失败的淘宝自动登录尝试

    笔者最近在逛sf.gg的时候,发现了一个关于每天“自动登录淘宝网站”的问题,很久没玩采集数据的我手有点痒痒,于是开始了自动登录淘宝网站的爬虫之旅。

    猿哥
  • 从 Go 开发者的角度看 Elixir 的设计思想

    时见疏星
  • 配置基于Traefik v2的 Web 服务器

    本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0)

    soulteary
  • 【大数据专栏】用SAS来洞悉双胞胎奇迹

    前言:话说双胞胎是一个可遇而不可求的现象,如果一个家庭能有双胞胎诞生——不管是同卵还是异卵,一定是一件令人非常兴奋的事情。最近这些日子,我身边的好几位朋友有幸生...

    用户1756920

扫码关注云+社区

领取腾讯云代金券