jquery ajax怎麼改成同步

在jquery中，ajax可以將async設為false使其同步；預設情況下jquery中的ajax為非同步請求，即“async:true”，透過設定參數“asycn:false”即可，語法為「$.ajax({async: false})」。

本文操作環境：windows10系統、jquery3.6.1版、Dell G3電腦。

jquery ajax怎麼改成同步

jquery中的ajax 預設為非同步請求，即async:true,可以透過設定參數asycn:false 到使其同步

#ajax預設是非同步請求；ajax中可以根據async值的不同來判斷是否為非同步請求，若async的值為false，則表示ajax請求為同步，若async的值為true，則表示ajax請求為異步，而預設情況下async的值是“true”，因此ajax預設是非同步請求。

如果想同步async設定為false就可以（預設是true）

var html = $.ajax({
url: “some.php”,
async: false
}).responseText;

或是在全域設定Ajax屬性

$.ajaxSetup({
async: false
});

再用post，get就是同步的了

範例如下：

隨機產生一個10位數的整數，與後端資料庫做對比，如果後端資料庫中有這個隨機數，則重新再產生一個，如果沒有就return這個數。

這個需求涉及到前後端交互，所以無法避免需要使用ajax，所以剛開始我寫了這樣一段程式碼。

//randID是封装的生成随机数的函数
function userID() {
    let ranid = parseInt(randID(1000000000, 10000000001));
    let data = null;
    $.ajax({
        type: 'post',
        url: './php/findID.php',
        data: 'id=' + ranid,
        success: function(res) {
            res = JSON.parse(res);
            isok = res.length;
            if (isok != 0) {
                userID();
            } else {               
               return ranid;
            }
        }
    })
}
console.log(userID());

輸出結果：

#jquery.ajax的解決方法

• ##在函數下（ajax外）宣告一個局部變數

• 將ajax當成同步處理（jquery.ajax的修改方式：加入這句程式碼即可async: false）

• 傳回宣告的局部變數

function userID() {
    let ranid = parseInt(randID(1000000000, 10000000001));
    //声明的局部变量
    let data = null;
    $.ajax({
        type: 'post',
        url: './php/findID.php',
        data: 'id=' + ranid,
        //将ajax改为同步操作
        async: false,
        success: function(res) {
            res = JSON.parse(res);
            isok = res.length;
            if (isok != 0) {
                console.log(ranid);
                userID();
            } else {
                data = ranid;
            }
        }
    })
    //返回这个局部变量
    return data;
}
console.log(userID());

登入後複製
輸出結果：






相關教學推薦：

jQuery影片教學

以上是jquery ajax怎麼改成同步的詳細內容。更多資訊請關注PHP中文網其他相關文章！