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

程序员文章站 2022-06-23 10:51:01

在ajax中的json格式与php传输过程中有哪些要注意的小地方呢？　　先来看一下简单通用的json与php传输数据的代码 html文件：

在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文件里的代码：

<?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()函数将其识别为一个空的代码块

总结

以上所述是小编给大家介绍的ajax中的json格式与php传输过程全面解析，希望对大家有所帮助

上一篇：浅谈ASP.NET Core中间件实现分布式 Session

下一篇：羊肉膻味重怎么办