这篇文章主要介绍了Ajax中的JSON格式与php传输过程及注意事项，文中给大家提到了JSON与php传输数据的代码，需要的朋友参考下吧。

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

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

HTML文件：

1. <input type="button" value="Ajax" id="btn"> 
2.  <script> 
3.   var btn = document.getElementById("btn"); 
4.   btn.onclick = function(){ 
5.     var xhr = getXhr(); 
6.     xhr.open("post","测试.php"); 
7.     xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
8.        
9.     var user = '{"name":"zhangwuji","pwd":"123456"}'; 
10.     xhr.send("user="+user); 
11.     xhr.onreadystatechange = function(){ 
12.       if(xhr.readyState==4&&xhr.status==200){ 
13.         var data = xhr.responseText; 
14.         var json = eval("("+data+")"); 
15.         console.log(json); 
16.       } 
17.     } 
18.   } 
19.   function getXhr(){ 
20.     var xhr = null; 
21.     if(window.XMLHttpRequest){ 
22.       xhr = new XMLHttpRequest(); 
23.     }else{ 
24.       xhr = new ActiveXObject("Microsoft.XMLHttp"); 
25.     } 
26.     return xhr; 
27.   } 
28.  </script> 

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

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

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

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

1. <?php 
2.   // 接收客户端发送的请求数据 
3.   $user = $_POST['user']; 
4.   // 就是一个JSON格式的string字符串 
5.  
6.   $json_user = json_decode($user,true);//对json格式的字符串进行解码，转换成PHP变量格式 
7.  
8.   // 2. 使用json_encode()函数 
9.   echo json_encode($json_user);//对php变量格式进行编码，转换成JSON格式 
10. ?> 

json_decode 和json_encode大家从字面的意思都应该可以看出来一点，decode在这这里的作用就是对json格式的字符串进行解码，转换成PHP变量格式而encode就是对php变量格式进行编码，转换成JSON格式在传输回去;

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

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

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

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

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

Tags: Ajax JSON

分享到：