ajax中回調的幾個坑

learn_shifeng 發布于2019-08-02 10:57 / 2624人閱讀

摘要：在前端開發中，經常要用去拿后臺接口返回的數據，總結幾個的回調的常見問題，供大家參考爬坑。未定義，可能會造成的傳入后臺的數據亂碼，可以加上如下代碼在請求中約定好傳到后臺以及后臺返回的數據類型，一般定義類型。

在前端開發中，經常要用ajax去拿后臺接口返回的數據，總結幾個ajax的回調的常見問題，供大家參考爬坑。

未定義contentType，可能會造成的傳入后臺的數據亂碼，可以加上如下代碼在ajax請求中 contentType:"application/json;charset=UTF-8",

約定好傳到后臺以及后臺返回的數據類型，一般定義json類型。

    JSON.stringify():將一個JavaScript值(對象或者數組)轉換為一個 JSON字符串
    JSON.parse():將一個 JSON 字符串轉換為對象

這兩個是常用的json轉換的api

在success或者error回調中，return 是拿不到值的，即使改變了async:false也拿不到，看下面的例子：

function checkUserTask(taskid){
        $.ajax({
            method:"get",
            url:URL.checkUserTask,
            async:false,
            data:{"id":taskid},
            success:(response)=>{
                console.dir(response)
                if(response.code==200 ){
                    return true;
                }else{
                   return false;
                }
            }
        });
    }

這種寫法即使是成功或者失敗，在調用checkUserTask方法時都是返回的undefined,拿不到true或者false標識,所以一般寫法修改如下：

function checkUserTask(taskid){
        var flag = false;
      
        $.ajax({
            method:"get",
            url:URL.checkUserTask,
            async:false,
            data:{"id":taskid},
            success:(response)=>{
                if(response.code==200 ){
                    flag = true;
                }else{
                    flag = false;
                }
            }
        });
        return flag;
    }

在回調的后面return 就可以拿到返回值。

GPU云服務器云服務器用到的幾個函數云主機的幾個品牌選云服務器的幾個注意和需求 ajax回調函數

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52670.html

ajax中回調的幾個坑

摘要：在前端開發中，經常要用去拿后臺接口返回的數據，總結幾個的回調的常見問題，供大家參考爬坑。未定義，可能會造成的傳入后臺的數據亂碼，可以加上如下代碼在請求中約定好傳到后臺以及后臺返回的數據類型，一般定義類型。在前端開發中，經常要用ajax去拿后臺接口返回的數據，總結幾個ajax的回調的常見問題，供大家參考爬坑。未定義contentType，可能會造成的傳入后臺的數據亂碼，可以加上如下...

huashiou 2019-08-22 18:49 評論0 收藏0
七牛云存儲---JavaScript SDK 簡單上傳，走過的幾個坑

摘要：和七牛賬號里面提供。自己設定的七牛云存儲空間名，創建存儲空間的時候注意地區應該默認是華東，不一樣地區需要修改下里面指定的上傳的域名，請去參考官方文檔。若開啟該選項，為自動生成上傳成功后的文件名。先放上幾個用到的七牛官方網站： JavaScript SDK地址需要在頁面中先引入 plupload 提供的 plupload.full.min.js（生產環境）然后再引入SDK里的 qini...

or0fun 2019-08-20 15:19 評論0 收藏0
使用React 應當注意的幾個地方

摘要：都會造成錯誤，注意一定一定嚴格的用，所以我建議直接復制我的。因為用的話他會轉義代碼，寫不寫其實一個樣。不可避免的，構建肯定是要用到的。這個時候一般用的是在外面保存然后里面調用第二個坑更隱蔽。目標人群獻給熟悉基礎的React語法的剛接觸React的同學~ 如果你已經寫過半年以上的React那也不用看了，畢竟我水平并不高 Whats React React 是一個不存在的網絡公司Fac...

高璐 2019-08-19 17:11 評論0 收藏0
[譯]async-await 數組循環的幾個坑

摘要：譯數組循環的幾個坑原文地址原文作者在循環中使用循環遍歷數組似乎很簡單，但是在將兩者結合使用時需要注意一些非直觀的行為。循環的情況問題如上述代碼能夠正常執行。但我還是喜歡循環帶來的簡潔和高可讀性。 [譯]async-await 數組循環的幾個坑原文地址：https://medium.com/dailyjs/th... 原文作者：Tory Walker 在 Javascript 循...

warkiz 2019-08-26 13:33 評論0 收藏0