例子:通过AJAX间接访问数据库,查出Nation表显示在页面上,并添加删除按钮

 //首先在外层添加一个按钮,并造好表头
<div><input type="button" value="显示数据" id="btn" /></div>
<table width="100%" border="1" cellpadding="0" cellspacing="0" id="bg">
</table>

JQurey代码

 <script type="text/javascript">
$(document).ready(function(e) {
//给上面按钮添加点击事件
$("#btn").click(function(){ ShowAll();
BindCK();
})
function BindCK()
{
$(".del").click(function(){ var code = $(this).attr("val");
$.ajax({
url:"Delete.php",
data:{c:code},
type:"POST",
dataType:"TEXT",
success: function(data){
if(data.trim()=="OK")
{
ShowAll();
BindCK();
}
else
{
alert("删除失败");
}
} }); })
}
function ShowAll()
{
//调用AJAX
$.ajax({
async:false, //设置为同步
url:"ChuLi.php", //将值传到该页面处理
dataType:"TEXT", //返回类型为TEXT
success: function(data){
//造好第一列
var str = "<tr><td>代号</td><td>姓名</td><td>性别</td><td>民族</td><td>生日</td><td>操作</td></tr>";
//将每行分开,并形成数组
var hang = data.split("|");
//遍历该数组
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><div class='del' val='"+lie[0]+"'>删除</div></td></tr>";
}
//将代码加入
$("#bg").html(str); }
});
} });

处理页面

 //引入访问数据库的类
include("../dbda.class.php");
$db = new dbda();
$sql = "select * from Info";
$attr = $db->Qurey($sql);
$str = "";
//循环遍历数组
foreach($attr as $v)
{
//将每列用^分割
$str = $str.implode("^",$v);
//将每行用|分割
$str = $str."|";
}
//最后减掉最后的|
$str = substr($str,0,strlen($str)-1);
echo $str;

最新文章

  1. Java compiler level does not match解决方法
  2. tp框架之留言板练习
  3. (原) 1.1 Zookeeper单机安装
  4. Day Three(Beta)
  5. Shell 编程基础之 Break, Continue 练习
  6. Python-Networkx
  7. 教你21天学会C++ (有图有真相)
  8. SQLServer:定时作业
  9. DS_Store
  10. Linux——搭建PHP开发环境第三步:mysql
  11. struts2处理请求流程详解
  12. Android开发之去掉标题栏的三种方法,推荐第三种
  13. ASP.NET MVC 5 学习教程:添加查询
  14. Lucene.Net 2.3.1开发介绍 —— 四、搜索(三)
  15. java 参数传递
  16. Linux:crontab的安装以及使用方法
  17. a标签实现一键拨号、发短信、发邮件、发起QQ会话
  18. python接口自动化(八)--发送post请求的接口(详解)
  19. 现代 PHP 新特性 —— Zend Opcache (转)
  20. MongoDB慢查询性能分析

热门文章

  1. 1.移动端自动化测试-知识笔记(面试必备,测试点,adb命令)
  2. 公司最喜欢问的Java集合类
  3. docker 安装php
  4. 解决 &#39;mvn&#39; 不是内部或外部命令,也不是可运行的程序 或批处理文件。
  5. 用Python输出一个Fibonacci数列
  6. kbmMW 5.09.00是个必须升级的版本!
  7. SpringMVC----视图层框架
  8. 采用kubeadm部署工具,部署kubernetes1.16.3
  9. linux-Redhat7 windows物理机与虚拟机设置共享目录
  10. AWK程序设计语言