jquery ajax怎么改成同步

在jquery中，ajax可以將async設置為false使其同步；默認情況下jquery中的ajax為異步請求，即“async:true”，通過設置參數“asycn:false”即可，語法為“$.ajax({async: false})”。

前端（vue）入門到精通課程：進入學習

本文操作環境：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視頻教程