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

(编辑：jimmy 日期: 2025/7/6 浏览：3 次 )

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

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

HTML文件：

<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");这是固定写法直接记下来就可以了。 上面的是测试代码，创建一个json格式的字符串并用SEND方法传入PHP：

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

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

<"htmlcode">

* 使用eval()函数进行转换
         使用"()"将其包裹,eval()函数强制将其转换为JSON格式(javascript代码)
         不使用"()"将其包裹,eval()函数将其识别为一个空的代码块


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

上一篇：Laravel下生成验证码的类
下一篇：PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】