Ajax 加载数据 练习 自我有些迷糊了,写的大概请谅解 ^ _ ^
2024-05-13 16:08:58
查询表的显示,查询显示如果不嵌入PHP代码的话,用ajax怎么实现?
<h1>显示数据</h1> <table width="100%" border="1" cellpadding="0" cellspacing="0"><tr><td>代号</td><td>姓名</td><td>性别</td><td>民族</td><td>生日</td><td>操作</td></tr><tbody id="bg"></tbody></table></body> <script type="text/javascript">$(document).ready(function(e) {jiazai(); });//加载数据的方法 function jiazai() {//异步 $.ajax({url:"jiazai.php",dataType:"TEXT",success: function(data){var hang = data.split("|");var str = "";for(var i=0;i<hang.length;i++){var lie = hang[i].split("^");str += "<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td><td><input type='button' value='删除' class='shanchu' code='"+lie[0]+"' /></td></tr>";}$("#bg").html(str);$(".shanchu").click(function(){var code = $(this).attr("code");$.ajax({url:"shanchu.php",data:{c:code},type:"POST",dataType:"TEXT",success: function(d){if(d.trim()=="OK"){//重新加载 jiazai();}else{alert("删除失败");}}});})}}); }</script>
再做个处理页面
<?php include("DBDA.class.php"); $db = new DBDA();$sql = "select * from info";echo $db->StrQuery($sql);
再做个删除
<?php include("DBDA.class.php"); $db = new DBDA(); $code = $_POST["c"]; $sql = "delete from info where code='{$code}'"; if($db->Query($sql,0)) {echo "OK"; } else {echo "NO"; }
主要学了ajax的封装方法,方法就叫做加载数据,当要求页面不刷新的时候,就用这个方法就可以
页面加载数据完成后,要调一遍
删除完之后需要再加载一遍,要在调一遍
Ajax 默认是异步的
异步就是 ajax去调处理页面,处理数据的时候,代码继续往下走
转载于:https://www.cnblogs.com/zqseven/p/6252608.html
最新文章
- 用计算机写试卷反思,100分试卷反思怎么写
- 用JSP实现学生查询
- AX宏Macros运算
- SQL经典面试题及答案
- 离散分布概率:几何分布、二项分布和泊松分布
- python向it新增5个元素_Python序列、元组、列表、集合及字典笔记整理
- React Native填坑之旅--Button篇
- React.js 菜鸟入门
- java怎么做小人跑动的动画_纯CSS3实现人物跑步动画
- MIMIC-iv官方SQL查询标注(简单基础篇)
- 银河麒麟系统开启root用户登录
- IOS 根据地理位置获取坐标或根据坐标获取地理位置
- 十分钟手把手教你设计简单易用的组件级考试题(单选、多选、填空、图片),建议收藏
- 计算机硬盘改造u盘,iPhone扩容硬盘不要扔!变废为宝!手把手教你如何改装U盘...
- 【LeetCode刷题笔记-39 714.买卖股票的最佳时机(含手续费)】
- 为什么深层神经网络难以训练_深度学习与统计力学(III) :神经网络的误差曲面...
- zonecreate
- Http协议之301,302和307
- 使用U盘+iso镜像文件安装windows10操作系统详细步骤
- IDEO:以洞悉人性为设计主轴