JS—我的第六个AJAX程序(前端从数据库中获取数据库中数据,JSON传输)

前端:

common.js

function $(id) {
	return document.getElementById(id);
}

function createXhr(){
	var xhr;
	if(window.XMLHttpRequest){
		xhr = new XMLHttpRequest();
	}else{
		xhr = new ActiveXObject("Microsoft XMLHttp");
	}
	return xhr;
}
index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="common.js"></script>
</head>
<body>
	<button οnclick="getMsg()">显示数据</button>
	<script>
		function getMsg(){
			var xhr = createXhr();
			xhr.open("get","users.php",true);
			xhr.onreadystatechange = function() {
				if(xhr.readyState == 4 && xhr.status == 200){
					var resText = xhr.responseText;
					var arr = JSON.parse(resText);
					for(var i in arr){
						console.log("编号:"+arr[i].uid);
						console.log("用户姓名:"+arr[i].uname);
						console.log("电子邮件:"+arr[i].email);
						console.log("联系方式:"+arr[i].phone);
					}
				}
			}
			xhr.send(null);
		}
	</script>
</body>
</html>
后台:

init.php

<?php 

	$conn = mysqli_connect("127.0.0.1","root","","xz",3306);
	$initsql = "SET NAMES UTF8";
	mysqli_query($conn,$initsql);
?>
users.php

<?php 
	
	header("Content-Type:application/json");

	require("init.php");

	$sql = "SELECT * FROM xz_user";

	$result = mysqli_query($conn,$sql);

	if($result === false){
		echo null;
	}else{
		$count = mysqli_affected_rows($conn);
		if($count == 0){
			echo 0;
		}else{
			$arr = mysqli_fetch_all($result,1);
			$arr = json_encode($arr);
			echo $arr;
		}
	}
?>





  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值