ajax中回調(diào)的幾個(gè)坑

huashiou 發(fā)布于2019-08-22 18:49 / 1437人閱讀

摘要：在前端開發(fā)中，經(jīng)常要用去拿后臺(tái)接口返回的數(shù)據(jù)，總結(jié)幾個(gè)的回調(diào)的常見問題，供大家參考爬坑。未定義，可能會(huì)造成的傳入后臺(tái)的數(shù)據(jù)亂碼，可以加上如下代碼在請求中約定好傳到后臺(tái)以及后臺(tái)返回的數(shù)據(jù)類型，一般定義類型。

在前端開發(fā)中，經(jīng)常要用ajax去拿后臺(tái)接口返回的數(shù)據(jù)，總結(jié)幾個(gè)ajax的回調(diào)的常見問題，供大家參考爬坑。

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

約定好傳到后臺(tái)以及后臺(tái)返回的數(shù)據(jù)類型，一般定義json類型。

    JSON.stringify():將一個(gè)JavaScript值(對象或者數(shù)組)轉(zhuǎn)換為一個(gè) JSON字符串
    JSON.parse():將一個(gè) JSON 字符串轉(zhuǎn)換為對象

這兩個(gè)是常用的json轉(zhuǎn)換的api

在success或者error回調(diào)中，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;
                }
            }
        });
    }

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

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;
    }

在回調(diào)的后面return 就可以拿到返回值。