您的位置 首页 html教程

$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中文网其它相关文章!

文章来源:火云技术网

文章标题:$http与ajax的同步请求(代码实例)

文章地址:https://www.pyhw.net/34104_http%e4%b8%8eajax%e7%9a%84%e5%90%8c%e6%ad%a5%e8%af%b7%e6%b1%82%ef%bc%88%e4%bb%a3%e7%a0%81%e5%ae%9e%e4%be%8b%ef%bc%89.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图