JSON格式的數(shù)據(jù)怎么在Ajax與php中進行傳輸

JSON格式的數(shù)據(jù)怎么在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方法請求數(shù)據(jù)，所以這時候還要加上一個請求文件頭

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");這是固定寫法直接記下來就可以了。<br><br>上面的是測試代碼，創(chuàng)建一個json格式的字符串并用SEND方法傳入PHP：

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

        xhr.send("user="+user);<br><br>這時候要注意了，在構(gòu)建JSON字符串傳輸?shù)臅r候user里面的字符串外面要用單引，里面用雙引，不然php那邊是不認為你這是JSON 不能正確的進行解析。<br><br><br>這時候看看PHP文件里的代碼：

<?php
  // 接收客戶端發(fā)送的請求數(shù)據(jù)
  $user = $_POST['user'];
  // 就是一個JSON格式的string字符串

  $json_user = json_decode($user,true);//對json格式的字符串進行解碼，轉(zhuǎn)換成PHP變量格式

  // 2. 使用json_encode()函數(shù)
  echo json_encode($json_user);//對php變量格式進行編碼，轉(zhuǎn)換成JSON格式
?>

json_decode 和json_encode大家從字面的意思都應(yīng)該可以看出來一點，decode在這這里的作用就是

對json格式的字符串進行解碼，轉(zhuǎn)換成PHP變量格式

而encode就是

對php變量格式進行編碼，轉(zhuǎn)換成JSON格式在傳輸回去;

這時候PHP 文件的工作已經(jīng)結(jié)束了，讓我們在回到HTML文件看接受數(shù)據(jù)的onreadystatechange這一塊的代碼
：

var data = xhr.responseText;   雖然PHP文件傳輸回來的是一個JSON格式，但是我們這里接受用的是respenseText所以接收到的只是一個文本格式的字符串<br>這時候我們還要用eval()；函數(shù)將其轉(zhuǎn)換成JSON格式

* 使用eval()函數(shù)進行轉(zhuǎn)換
         使用"()"將其包裹,eval()函數(shù)強制將其轉(zhuǎn)換為JSON格式(javascript代碼)
         不使用"()"將其包裹,eval()函數(shù)將其識別為一個空的代碼塊

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。