溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

PHP中使用ajax時(shí)常見的錯(cuò)誤有哪些

發(fā)布時(shí)間:2021-07-12 14:32:52 來(lái)源:億速云 閱讀:113 作者:小新 欄目:開發(fā)技術(shù)

小編給大家分享一下PHP中使用ajax時(shí)常見的錯(cuò)誤有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

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

第一個(gè)問(wèn)題,當(dāng)前端無(wú)錯(cuò)誤的情況下,頁(yè)面調(diào)試也顯示沒(méi)有問(wèn)題,但是ajax獲取不到后端php文件發(fā)送過(guò)來(lái)的信息:

前端代碼如下:

$.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;

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

PHP中使用ajax時(shí)常見的錯(cuò)誤有哪些

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

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

json_encode(json),把json整理為json格式的數(shù)據(jù)。在上例中,就算php后端代碼改寫為:echo json_encode(postAge);和echojsonencode(postName);也是不對(duì)的。因?yàn)檫@樣僅僅是把單個(gè)postAge和postName整理為了json格式,但是由于是2個(gè)返回,既是2個(gè)response,在瀏覽器調(diào)試頁(yè)面也可以看到1個(gè)post回來(lái)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ù)格式混亂無(wú)法被識(shí)別,這種情況者數(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ù)。

回到本文提出的例子上。

既然傳送回來(lái)的數(shù)據(jù)不再是json格式的數(shù)據(jù),那么就是dataType的問(wèn)題了。

dataType是告訴瀏覽器檢查傳送的數(shù)據(jù)格式。如果不寫,瀏覽器不會(huì)去檢查數(shù)據(jù)格式,寫了就一定檢查而且必須滿足格式要求。本例中,由于寫了為json格式,但是傳回來(lái)時(shí)不是json格式,所以瀏覽器認(rèn)為傳輸過(guò)程中出現(xiàn)了錯(cuò)誤,所以走了error而沒(méi)有走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ò)關(guān)。

 以下是dataType的W3school解釋:

PHP中使用ajax時(shí)常見的錯(cuò)誤有哪些

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

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

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

以上是“PHP中使用ajax時(shí)常見的錯(cuò)誤有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI