Ajax中的JSON格式与php传输过程全面解析

2025-05-29 0 80

在Ajax中的JSON格式与php传输过程中有哪些要注意的小地方呢?

  先来看一下简单通用的JSONphp传输数据的代码

HTML文件:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28
<input type="button" value="Ajax" id="btn">

<script>

var btn = document.getElementById("btn");

btn.onclick = function(){

var xhr = getXhr();

xhr.open("post","测试.php");

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

var user = '{"name":"zhangwuji","pwd":"123456"}';

xhr.send("user="+user);

xhr.onreadystatechange = function(){

if(xhr.readyState==4&&xhr.status==200){

var data = xhr.responseText;

var json = eval("("+data+")");

console.log(json);

}

}

}

function getXhr(){

var xhr = null;

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest();

}else{

xhr = new ActiveXObject("Microsoft.XMLHttp");

}

return xhr;

}

</script>

  在整个过程中先要获得AJAX对象,然后用POST请求方式与PHP文件连接,这时候用的是POST方法请求数据,所以这时候还要加上一个请求文件头

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");这是固定写法直接记下来就可以了。<br><br>上面的是测试代码,创建一个json格式的字符串并用SEND方法传入PHP:

?

1
var user = '{"name":"zhangwuji","pwd":"123456"}';

xhr.send("user="+user);<br><br>这时候要注意了,在构建JSON字符串传输的时候user里面的字符串外面要用单引,里面用双引,不然php那边是不认为你这是JSON 不能正确的进行解析。<br><br><br>这时候看看PHP文件里的代码:

?

1

2

3

4

5

6

7

8

9

10
<?php

// 接收客户端发送的请求数据

$user = $_POST['user'];

// 就是一个JSON格式的string字符串

$json_user = json_decode($user,true);//对json格式的字符串进行解码,转换成PHP变量格式

// 2. 使用json_encode()函数

echo json_encode($json_user);//对php变量格式进行编码,转换成JSON格式

?>

json_decode 和json_encode大家从字面的意思都应该可以看出来一点,decode在这这里的作用就是

对json格式的字符串进行解码,转换成PHP变量格式

而encode就是

php变量格式进行编码,转换成JSON格式在传输回去;

这时候PHP 文件的工作已经结束了,让我们在回到HTML文件看接受数据的onreadystatechange这一块的代码

var data = xhr.responseText; 虽然PHP文件传输回来的是一个JSON格式,但是我们这里接受用的是respenseText所以接收到的只是一个文本格式的字符串<br>这时候我们还要用eval();函数将其转换成JSON格式

?

1

2

3
* 使用eval()函数进行转换

使用"()"将其包裹,eval()函数强制将其转换为JSON格式(javascript代码)

不使用"()"将其包裹,eval()函数将其识别为一个空的代码块

总结

以上所述是小编给大家介绍的Ajax中的JSON格式与php传输过程全面解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对快网idc网站的支持!

原文链接:http://www.cnblogs.com/DOMLX/p/7831820.html

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 Ajax中的JSON格式与php传输过程全面解析 https://www.kuaiidc.com/92890.html

相关文章

发表评论
暂无评论