PHP 中使用ajax時一些錯誤總結

來源:互聯網
上載者:User
這篇文章主要介紹了PHP 中使用ajax時一些常見錯誤總結整理的相關資料,需要的朋友可以參考下

PHP作為後端時,前端js使用ajax技術進行相互資訊傳送時,經常會出錯誤,對於新手來說有些手足無措。總結錯誤、經驗,以後隨時回顧。

第一個問題,當前端無錯誤的情況下,頁面調試也顯示沒有問題,但是ajax擷取不到後端php檔案發送過來的資訊:

前端代碼如下:

$.ajax({  url:'1.php',//目的php檔案  data:{"age":12,"name":'zh'},//傳送的資料  type:‘post',//方式post/get  dataType:'json',//資料傳送格式  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;

頁面出現後,F12調試查看如下所示:

狀態代碼都沒問題,status是200,responseReady是4,說明在html發送給php檔案資訊過程是沒有問題的。而且php也返回了資訊。可是為什麼程式走了error而沒有走success呢?

這時需要小心!由於php後端多個echo沒有把資料整理為json格式。也就是說php返回的是一個字串不是json格式的資料。有人說加上json_encode()呢?這樣也是不行的,因為json_encode()的函數作用沒搞清,百度仔細看下。json_encode()與json_decode()是一對。

json_encode(json),把json整理為json格式的資料。在上例中,就算php後端代碼改寫為:echo json_encode(postAge);和echojsonencode(postName);也是不對的。因為這樣僅僅是把單個postAge和postName整理為了json格式,但是由於是2個返回,既是2個response,在瀏覽器調試頁面也可以看到1個post回來2個response。這樣導致2個json格式的資料返回給前端是就不再是json格式的資料(我理解為json汙染,方便理解)。也就是單個資料是json格式但是多個json格式資料“胡亂”結合在一起不按照json格式合并在一起就會產生“汙染”。導致整體資料格式混亂無法被識別,這種情況者資料處理和傳輸時隨時都見得到。

json_decode(json,true/false)函數是把json整理為數組或者object(理解為類)。true是強制裝換為(關聯)數組,false是預設的會轉換為object形式的資料。

回到本文提出的例子上。

既然傳送回來的資料不再是json格式的資料,那麼就是dataType的問題了。

dataType是告訴瀏覽器檢查傳送的資料格式。如果不寫,瀏覽器不會去檢查資料格式,寫了就一定檢查而且必須滿足格式要求。本例中,由於寫了為json格式,但是傳回來時不是json格式,所以瀏覽器認為傳輸過程中出現了錯誤,所以走了error而沒有走success。

這時最好的方式是修改php代碼,將echo的內容改為一個數組,用數組的信形式把整體資料整理為json格式進行傳送(json_encode),避免發生錯誤。

當然也可以使用另一種方法,類似作弊的方法,直接注釋掉(或者不寫)dataType,這樣瀏覽器就不會去檢查資料的形式而是根據資料的形式智能的判斷,類似矇混過關。

以下是dataType的W3school解釋:


值得注意的是,後端php檔案中多個echo輸出後,資料返回確是一起返回的,既是修改正確後,前端得到的資料是2個資料合為一個字串的形式資料。本例子中得到的資料是12zh。

當然還有很多細節問題了,比如php後端只能用echo或者die(),不能用return,這是因為return是只在伺服器端中返回資料使用,而echo是列印資料,將資料從伺服器端列印出來,給前端。return只能在伺服器端,或者前端單一的返回。而die()的強大就不提了,直接終止後端php程式的形式返回資料。

還有比如在$,ajax({});中每一行既是一個參數,參數之間是逗號隔開,多個資料是在{}內,隔開是用逗號等等。

感謝閱讀,希望能協助到大家,謝謝大家對本站的支援!

以上就是本文的全部內容,希望對大家的學習有所協助。


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.