ajax+表格+mysql数据库数据库_ajax+php+mysql 读取数据库的简单示例

这篇文章介绍的内容是关于ajax+php+mysql 读取数据库的简单示例 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

1.创建数据库create database ajaxdemo default charset utf8;

切换到当前数据库use ajaxdemo;

创建表并插入数据

CREATE TABLE `ajaxtest` (

`userid` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户id',

`username` varchar(50) NOT NULL COMMENT '用户名',

`userpass` varchar(50) NOT NULL COMMENT '密码',

`userage` int(11) NOT NULL COMMENT '年龄',

`usersex` varchar(1) NOT NULL COMMENT '性别',

PRIMARY KEY (`userid`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

INSERT INTO `ajaxtest` VALUES ('1', '李四', 'lisi', '15', '男');

INSERT INTO `ajaxtest` VALUES ('2', '张三', 'lisi', '20', '女');

INSERT INTO `ajaxtest` VALUES ('3', '王五', 'lisi', '25', '男');

INSERT INTO `ajaxtest` VALUES ('4', '韩梅梅', 'lisi', '25', '男');

INSERT INTO `ajaxtest` VALUES ('5', '张莉', 'lisi', '25', '女');

2.创建index.php，查询数据库中的信息并展示给用户

ajax实例

Ajax实例

年龄:

男

女

提交

SQL语句：

function ajaxFunction()

{

var xmlHttp;

try{

xmlHttp = new XMLHttpRequest();

}catch(e){

//IE浏览器需要用ActiveXObject来创建 XMLHttpRequest对象

try{

//如果Javascript的版本大于5

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try{

//如果不是 则使用老版本的ActiveX对象

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}catch(e){

alert("您的浏览器不支持");

return false;

}

}

}

xmlHttp.onreadystatechange=function(){

if(xmlHttp.readyState==4){

var ajaxData=document.getElementById("ajaxp");

var sqlData=document.getElementById('sql');

var jsonData=JSON.parse(xmlHttp.responseText);//解析json数据

ajaxData.innerHTML=jsonData.data;

sqlData.innerHTML=jsonData.sql;

}

}

var userage=document.getElementById('userage').value;

var usersex=document.getElementById('usersex').value;

var url='?userage='+userage;

url += '&usersex='+usersex;

xmlHttp.open("GET","ajaxTest.php"+url,true);

xmlHttp.send();

}

>

3.创建ajaxtest.php来响应index.php的请求<?php

error_reporting(0);//不显示警告信息

$dbhost="localhost";

$dbuser="root";

$dbpass="root";

$dbname="ajaxdemo";

$mysqli=new mysqli($dbhost,$dbuser,$dbpass,$dbname);

$mysqli->query("SET NAMES 'UTF8' ");

$userage=$_GET['userage'];

$usersex=$_GET['usersex'];

$userage=$mysqli->real_escape_string($userage);

$usersex=$mysqli->real_escape_string($usersex);

$query="select * from ajaxtest where usersex='$usersex'";

if(is_numeric($userage))

{

$query .="AND userage <= $userage;";

}

$qry_result=$mysqli->query($query);

if($qry_result->num_rows==0)

{

echo json_encode(['data'=>'

未找到符合条件的记录

','sql'=>$query]);

return ;

}

$display_string ="

";

$display_string .="

用户名";

$display_string .="

年龄";

$display_string .="

性别";

$display_string .="

";

//insert a new row in the table for each person returned

while($row=mysqli_fetch_object($qry_result)){

$display_string.="

";

$display_string.="

$row->username";

$display_string.="

$row->userage";

$display_string.="

$row->usersex";

$display_string.="

";

}

echo json_encode(['data'=>$display_string,'sql'=>$query]);//返回json数据格式

?>

结果：

相关推荐：