JSON格式的数据怎么在Ajax与php中进行传输-创新互联

JSON格式的数据怎么在Ajax与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文件里的代码：

<?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所以接收到的只是一个文本格式的字符串 这时候我们还要用eval()；函数将其转换成JSON格式

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

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联网站建设公司，的支持。

当前题目：JSON格式的数据怎么在Ajax与php中进行传输-创新互联
链接URL：https://www.cdcxhl.com/article46/deodhg.html

成都网站建设公司_创新互联，为您提供网站维护、手机网站建设、网站设计公司、动态网站、品牌网站制作、小程序开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容