利用AJAX查询数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>AJAX查询数据</title>

<script src="../jquery-1.11.2.min.js"></script>

</head>

<body>

<input type="button" value="显示数据" id="btn" />

<table id="xianshi" width="100%" cellpadding="0" cellspacing="0" border="1">

</table>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

   $("#btn").click(function(){

		$.ajax({

			url:"chuli1.php",

			dataType:"TEXT",

			success: function(data){

				//alert(data);

				var str = "<tr><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>删除</td></tr>";

					str+="<tr>";

					for(var j=0;j<lie.length;j++)

					{

						str+="<td>"+lie[j]+"</td>";

					}

					str+="</tr>"

				}

					$("#xianshi").html(str);

				}

			});

    })

});

</script>

</html>

　　处理页面：主要是讲二维数组装换成字符串的形式

<?php

include("../test0506/DBDA.class.php");

$db = new DBDA();

$sql = "select * from Nation";

$attr = $db->Query($sql);//返回一个二维数组

//将二维数组转换成字符串格式因为ajax返回的是text格式的

//echo "p001^汉族|p002^满族|p003^回族";//类似这种格式的才可以

$str = "";

foreach($attr as $v)

{

	//$str = implode("^",$v);//$v里面含有一条一条的数据，列与列之间的

	$str = $str.implode("^",$v);//否则等再次循环时会被替换

	$str = $str."|";

}

$str = substr($str,0,strlen($str)-1);//截取字符串的长度

echo $str;

　　显示效果：

利用AJAX删除数据，这个同之前不同的是不刷新页面-----处理页面同上

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>AJAX查询数据</title>

<script src="../jquery-1.11.2.min.js"></script>

<style type="text/css">

.shan

{

	width:100px;

	height:30px;

	background-color:#30F;

	color:#FFF;

	text-align:center;

	line-height:30px;

	vertical-align:middle;

	font-size:20px;

}

.shan:hover

{

	background-color:#F63;

	cursor:pointer;

}

</style>

</head>

<body>

<input type="button" value="显示数据" id="btn" />

<table id="xianshi" width="100%" cellpadding="0" cellspacing="0" border="1">

</table>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

	$("#btn").click(function(){

		ShowAll();

		BindCK();

		})

		function BindCK()

	{

		$(".shan").click(function(){

			var code = $(this).attr("bs");//获取主键值，有一个参数是获取

			$.ajax({

				url:"delete1.php",

				data:{code:code},

				dataType:"TEXT",

				type:"POST",

				success: function(data){

					if(data.trim()=="OK")//执行获取表格的内容部分

					{

						ShowAll();

						BindCK();

					}

					else

					{

						alert("删除失败");

					}

					}

				});

			})

	}

	function ShowAll()

  {

		$.ajax({

			async:false,//变为同步，删除时使用

			url:"chuli1.php",

			dataType:"TEXT",

			success: function(data){

				//alert(data);

				var str = "<tr><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>删除</td></tr>";

					str+="<tr>";

					for(var j=0;j<lie.length;j++)

					{

						str+="<td>"+lie[j]+"</td>";

					}

					str+="<td><div class='shan' bs='"+lie[0]+"'>删除<div></td>";	//自定义属性bs类似主键值				

					str+="</tr>"

				}

					$("#xianshi").html(str);

				}

			});

    }

});

</script>

</html>

　　显示效果：

附：将AJAX中二维数组转换成字符串，封装成类

<?php

class DBDA

{

	public $host = "localhost"; //服务器地址

	public $uid = "root"; //数据库的用户名

	public $pwd = ""; //数据库的密码

	//执行SQL语句，返回相应结果的函数

	//$sql是要执行的SQL语句

	//$type是SQL语句的类型，0代表增删改，1代表查询

	//$db代表要操作的数据库

	//Ajax调用返回字符串

	public function StrQuery($sql,$type=1,$db="mydb")

	{

		//造连接对象

		$conn = new MySQLi($this->host,$this->uid,$this->pwd,$db);

		//判断连接是否成功

		!mysqli_connect_error() or die("连接失败！");

		//执行SQL语句

		$result = $conn->query($sql);

		//判断SQL语句类型

		if($type==1)

		{

			$attr = $result->fetch_all();

			$str = "";

			//如果是查询语句返回字符串

			for($i=0;$i<count($attr);$i++)

			{

				for($j=0;$j<count($attr[$i]);$j++)

				{

					$str = $str.$attr[$i][$j];

					$str = $str."^";

				}

				$str = substr($str,0,strlen($str)-1);

				$str = $str."|";

			}

			$str = substr($str,0,strlen($str)-1);

			return $str;

		}

		else

		{

			//如果是其他语句，返回true或false

			if($result)

			{

				return "OK";

			}

			else

			{

				return "NO";

			}

		}

	}

}

　　例题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<?php

include("DBDA.php");

$db = new DBDA();

$sql = "select count(*) from Info where Code = 'p001'";

$str = $db->StrQuery($sql);

echo $str;

?>

</body>

</html>

　　结果是：1

5月17 利用AJAX查询数据库的更多相关文章

  1. 10月17日下午MySQl数据库CRUD高级查询

    高级查询:1.连接查询 #适用于有外键关系的  没有任何关系没法用select * from Info,Nation #同时查询这俩表并把两表每个数据相互组合,形成笛卡尔积 select * from ...

  2. Mybatis学习01：利用mybatis查询数据库

    通过mybatis来操作mysql数据库的步骤大致可分为以下几步: 在这里,我们以对下面这个这个表格进行操作为例: 表名:ssm 1 配置依赖 在pom.xml中添加所需要的的依赖 <!-- m ...

  3. 利用ajax获取网页表单数据，并存储到数据库之一（使用JDBC）

    所谓JDBC就是利用java与数据库相连接的技术,从数据库获取既有的信息或者把网页上的信息存储到数据库. 这里简单的介绍公司的一个小项目中的一部分,由于代码较多,所以用图片形式进行展示.源码请查看源码 ...

  4. 【DG】利用闪回数据库（flashback）修复Failover后的DG环境

    利用闪回数据库(flashback)修复Failover后的DG环境 1.1  BLOG文档结构图 1.2  前言部分 1.2.1  导读和注意事项 各位技术爱好者,看完本文后,你可以掌握如下的技能, ...

  5. [原创]java WEB学习笔记109：Spring学习---spring对JDBC的支持：使用 JdbcTemplate 查询数据库，简化 JDBC 模板查询，在 JDBC 模板中使用具名参数两种实现

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  6. 利用Ajax和JSON实现关于查找省市名称的二级联动功能

    功能实现的思路:我们经常碰见网上购物时候填写收件地址会用到这个查找省市县的三级联动查找功能,我们可以利用Ajax和JSON技术模拟这个功能,说白了同样是使用Ajax的局部数据更新功能这个特性.因为省市 ...

  7. 不得不看，只有专家才知道的17个SQL查询提速秘诀！

    不得不看,只有专家才知道的17个SQL查询提速秘诀! 原创 2018-01-23 布加迪编译 51CTO技术栈 “ 除非你遵循本文介绍的这些技巧,否则很容易编写出减慢查询速度或锁死数据库的数据库代码. ...

  8. Java 通过JDBC查询数据库表结构(字段名称,类型,长度等)

    Java 通过JDBC查询数据库表结构(字段名称,类型,长度等) 发布者:唛唛家的豆子   时间:2012-11-20 17:54:02   Java 通过JDBC查询数据库表结构(字段名称,类型,长 ...

  9. sql server 查询数据库所有的表名+字段

    SELECT * FROM INFORMATION_SCHEMA.columns WHERE TABLE_NAME='Account' SELECT    (case when a.colorder= ...

随机推荐

  1. call继承父级属性，prototype继承父级方法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. Java创建对象的几种方式。

    Java创建对象的几种方式(重要): (1) 用new语句创建对象,这是最常见的创建对象的方法. (2) 运用反射手段,调用java.lang.Class或者java.lang.reflect.Con ...

  3. cas4.2.4 登添加验证码

    看了很多添加验证码的博文,唯独没有4.24的 重点看第3条,其余的和别人博文大致相同 1.首先在cas工程的web.xml增加验证码功能的支持 <!-- 验证码功能 -->      &l ...

  4. PHP变量的值类型和引用类型

    PHP 变量在内存中保存的并不直接是值的内容而是值的地址.比如: $a = 1; 从表面上看起来似乎是 $a 直接存储了 1 这个值.但是实际情况是,PHP 解释器创建了变量 $a , 将值 1 存入 ...

  5. markdown一些网站

    1.https://stackedit.io/editor 2.https://github.com/bioinformatist/LncPipeReporter 3.

  6. 【Python】【有趣的模块】【requests】【一】HTTP头信息总结

    [HTTP请求 == 请求行 + 消息报头 + 请求正文 ] 请求行:Method Request-URL HTTP-Version CRLF HTTP协议定义了许多与服务器交互的方法 ① PUT:请 ...

  7. Codeforces Round #267 (Div. 2) D. Fedor and Essay tarjan缩点

    D. Fedor and Essay time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  8. hiho #1196 : 高斯消元·二

    #1196 : 高斯消元·二 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 在上一回中,小Hi和小Ho趁着便利店打折,买了一大堆零食.当他们结账后,看到便利店门口还有其 ...

  9. http_load 高并发测试

    安装http_load 下载 sudo wget http://www.acme.com/software/http_load/http_load-09Mar2016.tar.gz 解压 sudo t ...

  10. JDBC连接数据库的简单介绍

    休息10天后重新看了下jdbc,开始振作继续学习(休息10天主要是因为驾照考试太累,2333),希望自己能够调整好心态,继续对程序有着一如既往的喜爱(加油) Connection con=null; ...