PHP作為后端時，前端js使用ajax技術(shù)進(jìn)行相互信息傳送時，經(jīng)常會出錯誤，對于新手來說有些手足無措?？偨Y(jié)錯誤、經(jīng)驗，以后隨時回顧。

第一個問題，當(dāng)前端無錯誤的情況下，頁面調(diào)試也顯示沒有問題，但是ajax獲取不到后端php文件發(fā)送過來的信息：

前端代碼如下：

$.ajax({
  url:'1.php',//目的php文件
  data:{"age":12,"name":'zh'},//傳送的數(shù)據(jù)
  type：‘post'，//方式post/get
  dataType:'json',//數(shù)據(jù)傳送格式
  success：function(response)
  {
  console.log(response);
  },
  error:function(response)
  {
  console.log(response);
  console.log("錯誤");
  }
});

php后端代碼如下：

$postAge = $_POST['age'];
$postName = $_POST['name'];
echo $postAge;
echo $postName;

頁面出現(xiàn)后，F(xiàn)12調(diào)試查看如下所示:

狀態(tài)碼都沒問題，status是200，responseReady是4，說明在html發(fā)送給php文件信息過程是沒有問題的。而且php也返回了信息?？墒菫槭裁闯绦蜃吡薳rror而沒有走success呢？

這時需要小心！由于php后端多個echo沒有把數(shù)據(jù)整理為json格式。也就是說php返回的是一個字符串不是json格式的數(shù)據(jù)。有人說加上json_encode()呢？這樣也是不行的，因為json_encode()的函數(shù)作用沒搞清，百度仔細(xì)看下。json_encode()與json_decode()是一對。

json_encode(json),把json整理為json格式的數(shù)據(jù)。在上例中，就算php后端代碼改寫為：echo json_encode(postAge);和echojsonencode(postName);也是不對的。因為這樣僅僅是把單個postAge和postName整理為了json格式，但是由于是2個返回，既是2個response，在瀏覽器調(diào)試頁面也可以看到1個post回來2個response。這樣導(dǎo)致2個json格式的數(shù)據(jù)返回給前端是就不再是json格式的數(shù)據(jù)（我理解為json污染，方便理解）。也就是單個數(shù)據(jù)是json格式但是多個json格式數(shù)據(jù)“胡亂”結(jié)合在一起不按照json格式合并在一起就會產(chǎn)生“污染”。導(dǎo)致整體數(shù)據(jù)格式混亂無法被識別，這種情況者數(shù)據(jù)處理和傳輸時隨時都見得到。

json_decode(json,true/false)函數(shù)是把json整理為數(shù)組或者object（理解為類）。true是強(qiáng)制裝換為（關(guān)聯(lián)）數(shù)組，false是默認(rèn)的會轉(zhuǎn)換為object形式的數(shù)據(jù)。

回到本文提出的例子上。

既然傳送回來的數(shù)據(jù)不再是json格式的數(shù)據(jù)，那么就是dataType的問題了。

dataType是告訴瀏覽器檢查傳送的數(shù)據(jù)格式。如果不寫，瀏覽器不會去檢查數(shù)據(jù)格式，寫了就一定檢查而且必須滿足格式要求。本例中，由于寫了為json格式，但是傳回來時不是json格式，所以瀏覽器認(rèn)為傳輸過程中出現(xiàn)了錯誤，所以走了error而沒有走success。

這時最好的方式是修改php代碼，將echo的內(nèi)容改為一個數(shù)組，用數(shù)組的信形式把整體數(shù)據(jù)整理為json格式進(jìn)行傳送（json_encode），避免發(fā)生錯誤。

當(dāng)然也可以使用另一種方法，類似作弊的方法，直接注釋掉（或者不寫）dataType，這樣瀏覽器就不會去檢查數(shù)據(jù)的形式而是根據(jù)數(shù)據(jù)的形式智能的判斷，類似蒙混過關(guān)。

 以下是dataType的W3school解釋：

值得注意的是，后端php文件中多個echo輸出后，數(shù)據(jù)返回確是一起返回的，既是修改正確后，前端得到的數(shù)據(jù)是2個數(shù)據(jù)合為一個字符串的形式數(shù)據(jù)。本例子中得到的數(shù)據(jù)是12zh。

當(dāng)然還有很多細(xì)節(jié)問題了，比如php后端只能用echo或者die（），不能用return，這是因為return是只在服務(wù)器端中返回數(shù)據(jù)使用，而echo是打印數(shù)據(jù)，將數(shù)據(jù)從服務(wù)器端打印出來，給前端。return只能在服務(wù)器端，或者前端單一的返回。而die（）的強(qiáng)大就不提了，直接終止后端php程序的形式返回數(shù)據(jù)。

還有比如在$,ajax({});中每一行既是一個參數(shù)，參數(shù)之間是逗號隔開，多個數(shù)據(jù)是在{}內(nèi)，隔開是用逗號等等。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

最新評論