前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PHP-通过异步实现增、删、改

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

作者头像
cwl_java
发布2020-03-27 13:48:03
9250
发布2020-03-27 13:48:03
举报
文章被收录于专栏:cwl_Javacwl_Java

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

异步添加

add.html

代码语言:javascript
复制
<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

代码语言:javascript
复制
<?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

代码语言:javascript
复制
-- 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

代码语言:javascript
复制
<?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;
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.6 通过异步实现增、删、改
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档