利用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. 网络_TCP连接的建立与释放

    三报文握手 1.概述 TCP是面向连接的协议.TCP建立连接的过程叫做握手,握手需要在客户和服务器之间交换三个TCP报文段,即我们说的"三次握手"(严格讲是一次握手过程中交换了三个 ...

  2. 1.2成员变量＋类变量＋static关键字

    成员变量和类变量的区别 由static修饰的变量称为静态变量,其实质上就是一个全局变量.如果某个内容是被所有对象所共享,那么该内容就应该用静态修饰:没有被静态修饰的内容,其实是属于对象的特殊描述. 不 ...

  3. 在centos6中编译安装httpd-2.4/搭建LAMP

    首先确保centos6安装平台安装一下环境: #yum groupinstall "Development  Tools" "Server Platform Develo ...

  4. SPOJ 839 Optimal Marks（最小割的应用）

    https://vjudge.net/problem/SPOJ-OPTM 题意: 给出一个无向图G,每个点 v 以一个有界非负整数 lv 作为标号,每条边e=(u,v)的权w定义为该边的两个端点的标号 ...

  5. ASP.NET开发总结

    ASP.NET的界面可以是.aspx,会对应有一个.aspx.cs的逻辑处理文件,.aspx的所有控件对应着变量,变量名就是控件的ID. 为了代码编写方便起见,一般将数据库表的新增字段,放在最后. 日 ...

  6. 百度“搜索设置”之基于定位下拉框或者需要点击link才显示的下拉框,二次定位与多次定位实现的实际效果区别

    还是基于上次那个练习的后续出现的思考,http://www.cnblogs.com/8013-cmf/p/6555790.html 界面: 源码: 写法如下:  继续解释这两种的区别: 1.其实基于定 ...

  7. JAVA9新特性——JShell使用笔记

    前言:JShell是java 9的新特性之一,由于在之前学校java8的lambda表达式的时候,就希望有这么一个可以交互的界面来快速响应编写的代码.刚好java9出来了,就对它把玩起来了... 内容 ...

  8. python3 items() 与 python2 中iteritems（）的区别

    在Python2.x中, iteritems() 用于返回本身字典列表操作后的迭代 Python 3.x 里面, iteritems() 方法已经废除了,而 items() 得到的结果是和 2.x 里 ...

  9. Springboot Thymeleaf 发邮件 将html内容展示在邮件内容中

  10. django Admin文档生成器

    Django的admindocs应用可以从模型.视图.模板标签等地方获得文档内容. 一.概览 要激活admindocs,请按下面的步骤操作: 在INSTALLED_APPS内添加django.cont ...