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

第一個(gè)問題，當(dāng)前端無錯(cuò)誤的情況下，頁面調(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("錯(cuò)誤");
  }
});

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呢？

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

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

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

回到本文提出的例子上。

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

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

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

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

 以下是dataType的W3school解釋：

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

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

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

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

最新評論