主頁(yè) > 知識(shí)庫(kù) > Ajax中的JSON格式與php傳輸過程全面解析

Ajax中的JSON格式與php傳輸過程全面解析

熱門標(biāo)簽:全國(guó)各省地圖標(biāo)注點(diǎn) 福建高頻外呼防封系統(tǒng)哪家好 百度地圖標(biāo)注類型是酒店 隨州銷售電銷機(jī)器人公司 商丘外呼系統(tǒng)好處 400電話申請(qǐng)辦理 網(wǎng)絡(luò)電話400申請(qǐng) 外呼系統(tǒng)人工客服 周口網(wǎng)絡(luò)回?fù)芡夂粝到y(tǒng)

在Ajax中的JSON格式與php傳輸過程中有哪些要注意的小地方呢?

  先來看一下簡(jiǎn)單通用的JSON與php傳輸數(shù)據(jù)的代碼

HTML文件:

input type="button" value="Ajax" id="btn">
 script>
  var btn = document.getElementById("btn");
  btn.onclick = function(){
    var xhr = getXhr();
    xhr.open("post","測(cè)試.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==4xhr.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>

  在整個(gè)過程中先要獲得AJAX對(duì)象,然后用POST請(qǐng)求方式與PHP文件連接,這時(shí)候用的是POST方法請(qǐng)求數(shù)據(jù),所以這時(shí)候還要加上一個(gè)請(qǐng)求文件頭

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

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

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

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

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

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

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

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

而encode就是

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

這時(shí)候PHP 文件的工作已經(jīng)結(jié)束了,讓我們?cè)诨氐紿TML文件看接受數(shù)據(jù)的onreadystatechange這一塊的代碼

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

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

總結(jié)

以上所述是小編給大家介紹的Ajax中的JSON格式與php傳輸過程全面解析,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

您可能感興趣的文章:
  • php+xml結(jié)合Ajax實(shí)現(xiàn)點(diǎn)贊功能完整實(shí)例
  • php中XMLHttpRequest(Ajax)不能設(shè)置自定義的Referer的解決方法
  • ajax調(diào)用返回php接口返回json數(shù)據(jù)的方法(必看篇)
  • php基于jquery的ajax技術(shù)傳遞json數(shù)據(jù)簡(jiǎn)單實(shí)例
  • ajax處理php返回json數(shù)據(jù)的實(shí)例代碼
  • PHP 與 js的通信(via ajax,json)
  • php+ajax+json 詳解及實(shí)例代碼
  • jQuery通過ajax請(qǐng)求php遍歷json數(shù)組到table中的代碼(推薦)
  • PHP Ajax JavaScript Json獲取天氣信息實(shí)現(xiàn)代碼
  • PHP封裝返回Ajax字符串和JSON數(shù)組的方法
  • php+Ajax處理xml與json格式數(shù)據(jù)的方法示例

標(biāo)簽:南寧 佛山 迪慶 樂山 六安 定西 海南 十堰

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Ajax中的JSON格式與php傳輸過程全面解析》,本文關(guān)鍵詞  Ajax,中的,JSON,格式,與,php,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Ajax中的JSON格式與php傳輸過程全面解析》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于Ajax中的JSON格式與php傳輸過程全面解析的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章