json与ajax

最新推荐文章于 2022-10-15 15:27:43 发布

墨时澈℡

最新推荐文章于 2022-10-15 15:27:43 发布

阅读量137

点赞数

本文链接：https://blog.csdn.net/qq_43628350/article/details/84861899

版权

JSON已经成为最流行的数据交换（前后台交换）格式之一，各大网站的API几乎都支持它

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。

例：

<?php
$arr = array('1001'=>array('name'=>'张三'),'1002'=>'b','1003'=>'c');
$json = json_encode($arr,JSON_UNESCAPED_UNICODE );
echo $json;

输出结果为：

{"1001":{"name":"张三"},"1002":"b","1003":"c"}

php操作json
json_encode— 对变量进行 JSON 编码

语法:string json_encode ( mixed $value [, int $options = 0 ] )

返回值:编码成功则返回一个以 JSON 形式表示的 string 或者在失败时返回 FALSE 。

json_decode — 对 JSON 格式的字符串进行编码

语法:mixed json_decode ( string $json [, bool $assoc = false [, int $depth = 512 [, int $options = 0 ]]] )

例:(按照学号查询)

HTML代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>document</title>
	<script type="text/javascript" src="./bootstrap-3.3.7-dist/js/jquery-3.3.1.min.js"></script>
</head>
<body>
	学号:<input type="text" id="no">
	<button type="button" id="btn">查询</button>

	<script type="text/javascript">
         $(function(){
         	$('#btn').click(function() {
         		var no = $('#no').val();
         		$.post('demo.php',{no:no},function(data){
         			var obj = JSON.parse(data);//json=>js
         		// console.log(data);
         		   if (obj.errcode==0) {
         		   	    var student = obj.data;
                        alert('找到了，'+student.name);
         		   }else{
         		   	alert(obj.msg);
         		   }
         		})
         	})
         })
	</script>
</body>

PHP代码如下:

<?php
$no = $_POST['no'];

$conn = @new mysqli('localhost','root','','myschool');
if ($conn->connect_error) {
	die('连接数据库失败');
}
$conn->set_charset('utf8');
$no = htmlspecialchars(addslashes($no));

$sql = "select * from student where no='$no'";
$ret = $conn->query($sql);
$row = $ret->fetch_assoc();
$conn->close();
if($row){
	echo json_encode(array('errcode'=>0,'data'=>$row));
}else{
	echo json_encode(array('errcode'=>1,'msg'=>'查无此人'));
}

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。
GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。

jQuery $.get() 方法
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
语法：$.get(URL,callback);

jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求向服务器提交数据。
语法:$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
$.post() 的第一个参数是我们希望请求的 URL ("demo_test_post.php")。
然后我们连同请求（name 和 url）一起发送数据。
"demo_test_post.php" 中的 PHP 脚本读取这些参数，对它们进行处理，然后返回结果。
第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。

折叠JSON和JS对象互转

要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法:

要实现从 JSON 转换为对象，使用 JSON.parse() 方法:

墨时澈℡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
json与ajax

JSON已经成为最流行的数据交换（前后台交换）格式之一，各大网站的API几乎都支持它AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。例：&lt;?php$arr = array('1001'=&gt;array('name'=...
复制链接

扫一扫