温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

$http与ajax的同步请求的示例分析

发布时间:2021-06-08 11:01:45 来源:亿速云 阅读:176 作者:小新 栏目:web开发

小编给大家分享一下$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的同步请求的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI