$http與ajax的同步請求（程式碼實例）

這篇文章帶給大家的內容是關於$http與ajax的同步請求（程式碼實例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

在web前端開發中，雖然一般都是用的非同步網路請求解決大多數功能需求，但是在一些特定需求的情況下，我們還是要使用到同步的網路請求來解決一些特殊的需求。那麼本篇介紹的是實作AngularJS中$http與jQuery中ajax如何實現同步網路請求。

（一）$http同步網路請求

      其實這個實作很簡單，重要在於兩點：第一點要在成功的回呼方法裡面直接回傳結果；第二點就是$http本身執行後就直接回傳promise物件。滿足這兩點需求，就可以實現$http的同步實作了。

     而最終網路請求所取得的結果集合就是在傳回的promise物件中。

範本程式碼實作：

 let requestConfig = {
            url:"...",
            method:"post"
        };
        let promise = $http(requestConfig).then(function (response) {
            return response;
        });
        console.log("结果在promise对象中",promise);

（二）ajax同步網路要求

       實作ajax的同步網路執行，也重要在於兩點：第一點就是在請求參數中配置async的值為false；第二點就是不要寫ajax的成功或失敗的回呼方法，直接傳回ajax執行後所獲得的結果集即可。滿足這兩點需求，就可以實現ajax的同步實現了。

模板程式碼實現：

 let result = $.ajax({
            url:"...",
            type:"get",
            async:false
        });
        console.log("返回结果直接是result",result);

以上就是對$http與ajax的同步請求（程式碼實例）的全部介紹，如果您想了解更多有關HTML視頻教學，請追蹤PHP中文網。

以上是$http與ajax的同步請求（程式碼實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！