这次给大家带来Ajax删除数据与查看数据操作的步奏详解，Ajax删除数据与查看数据操作的注意事项有哪些，下面就是实战案例，一起来看一下。
1.数据库找一张表：
颜色表
2.主页面
主页面的代码用到tbody；
TBODY作用是：
可以控制表格分行下载，从而提高下载速度。
（网页的打开是先表格的的内容全部下载完毕后，才显示出来，分行下载可以先显示部分内容，这样会减少用户等待时间。
使用TBODY的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示，就是说如果有多个行，那么如果得到一个TBODY行，就可以先显示一行。
BODY是HTML的文本体，一个HTML文件，只有一个BODY，而在TABLE中可以有多个TBODY。
TBODY这个标签可以控制表格分行下载，当表格内容很大时比较实用，在需要分行下载处加上和，
比如：
以下为引用的内容：head1head2首先显示首先显示再显示再显示foot1foot2
注意：
*1.TBODY元素在浏览器中不会被渲染表示
*2.当不同行间的单元间合并时各单元格所在的行不要加TBODY标签
提示：TBODY元素内包含的有效标签有：TD、TH、TR 特别提示 本例代码的运行将看不到效果，因为表格中的内容比较少，
只有在数据量大而且表格嵌套较多时才看得到效果。
主页面代码：
无标题文档 显示数据
| 代号 | 名称 | 操作 |
登录后复制
图：
回调函数里面是空的，等会回来写；
接着是加载页面：
显示：遍历数组，显示出表的内容，具体：
Query($sql);//遍历$str="";foreach ($arr as $v){ $str = $str.implode("-",$v)."|"; //用-把$v拼起来,拼出来是1-红2-蓝,用|分割，拼出来是1-红|2-蓝|}echo $str;
登录后复制
来看一下输出的是什么：
在最后面多了一条竖线，去竖线：
$str = substr($str,0,strlen($str)-1);//截取字符串：从第0个开始，截取它的长度-1//strlen获取字符串长度
登录后复制
再来看：
现在来写回调函数：
$.ajax({ url:"jiazai.php",// 显示所有的数据不用写data dataType:"TEXT", success:function(data) { var str = ""; var hang = data.split("|"); //split拆分字符串 for(var i = 0;i<hang.length;i++) { //通过循环取到每一行;拆分出列； var lie = hang[i].split("-"); str = str+ "" +lie[0]+ "" +lie[1]+ "操作"; } $("#td").html(str); //找到td把html代码扔进去 } });
登录后复制
写完看下页面：
3.接下来就可以写删除了：
先在在最后的一个单元格中添加删除按钮，并传一个主键值：
"" + "" + //ids里面存上主键值 "";
登录后复制
给删除按钮添加事件，并调用Ajax方法：
**
异步与同步的区别：
同步需要等待返回结果才能继续，异步不必等待，一般需要监听异步的结果
同步是在一条直线上的队列，异步不在一个队列上 各走各的
**
//给删除按钮加上事件 $(".sc").click(function(){ var ids = $(this).attr("ids"); $.ajax({ url:"shanchu.php", data:{ids:ids}, dataType:"TEXT", type:"POST", success:function (d) { } }); })
登录后复制
回调函数等等回来写；
继续删除处理页面：
Query($sql,0)){ echo "ok";}else{ echo "no";}
登录后复制登录后复制
这样来看：
点击删除，删掉以后不刷新页面，
若是让他自动加载数据，需要把加载数据的代码封装成一个方法，删除的时候调用此方法；就哦可了
主页面代码：
无标题文档 显示数据
| 代号 | 名称 | 操作 |
登录后复制
删除页面代码：
Query($sql,0)){ echo "ok";}else{ echo "no";}
登录后复制登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
Ajax不刷新页面的情况下实现分页查询
ajax分页查询图文详解
以上就是Ajax删除数据与查看数据操作的步奏详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2776420.html
