小編給大家分享一下$http與ajax的同步請(qǐng)求的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司一直秉承“誠(chéng)信做人，踏實(shí)做事”的原則，不欺瞞客戶(hù)，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶(hù)多一個(gè)朋友！專(zhuān)注中小微企業(yè)官網(wǎng)定制，網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作，塑造企業(yè)網(wǎng)絡(luò)形象打造互聯(lián)網(wǎng)企業(yè)效應(yīng)。

在web前端開(kāi)發(fā)中，雖然一般都是用的異步網(wǎng)絡(luò)請(qǐng)求解決大多數(shù)功能需求，但是在一些特定需求的情況下，我們還是要使用到同步的網(wǎng)絡(luò)請(qǐng)求來(lái)解決一些特殊的需求。那么本篇介紹的是實(shí)現(xiàn)AngularJS中$http與jQuery中ajax如何實(shí)現(xiàn)同步網(wǎng)絡(luò)請(qǐng)求。

（一）$http同步網(wǎng)絡(luò)請(qǐng)求

其實(shí)這個(gè)實(shí)現(xiàn)很簡(jiǎn)單，重要在于兩點(diǎn)：第一點(diǎn)要在成功的回調(diào)方法里面直接返回結(jié)果；第二點(diǎn)就是$http本身執(zhí)行后就直接返回promise對(duì)象。滿(mǎn)足這兩點(diǎn)需求，就可以實(shí)現(xiàn)$http的同步實(shí)現(xiàn)了。

而最終網(wǎng)絡(luò)請(qǐng)求獲取的結(jié)果集就是在返回的promise對(duì)象中。

模板代碼實(shí)現(xiàn)：

 let requestConfig = {
            url:"...",
            method:"post"
        };
        let promise = $http(requestConfig).then(function (response) {
            return response;
        });
        console.log("結(jié)果在promise對(duì)象中",promise);

（二）ajax同步網(wǎng)絡(luò)請(qǐng)求

實(shí)現(xiàn)ajax的同步網(wǎng)路執(zhí)行，也重要在于兩點(diǎn)：第一點(diǎn)就是在請(qǐng)求參數(shù)中配置async的值為false；第二點(diǎn)就是不要寫(xiě)ajax的成功或失敗的回調(diào)方法，直接返回ajax執(zhí)行后獲取的結(jié)果集即可。滿(mǎn)足這兩點(diǎn)需求，就可以實(shí)現(xiàn)ajax的同步實(shí)現(xiàn)了。

模板代碼實(shí)現(xiàn)：

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

以上是“$http與ajax的同步請(qǐng)求的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！