【jquery】适用Deferred实现jquery将请求封装成函数

最新推荐文章于 2024-10-17 13:37:16 发布

yingxian_Fei

最新推荐文章于 2024-10-17 13:37:16 发布

阅读量1k

点赞数

分类专栏： web应用文章标签： jquery

本文链接：https://blog.csdn.net/smilefyx/article/details/73656005

版权

本文通过一个简单的示例，介绍了如何利用jQuery 1.5.0后的Deferred对象来封装异步GET请求函数，避免同步请求阻塞主线程。提供了相关学习资源链接，并展示了如何为函数传递参数。

摘要由CSDN通过智能技术生成

有时候需要将jquery的请求api数据的代码封装成函数，供其他页面调用，此时有两种方法，一种是适用ajax发起同步请求，但是ajax的同步请求会阻塞主线程UI的刷新。在jquery 1.5.0之后引入了Deferred，关于Deferred的相关学习和说明可以参考如下一些优秀的界面：

http://blog.csdn.net/ljj_9/article/details/52797299

本文介绍一个简单的使用demo，该demo封装了三个使用jquery发起的get请求方法，每个方法接受一个传入的参数。代码如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5的标题</title>
<script src="/js/jquery-1.12.2.min.js"></script>
<script>
function getLocation(imei) {
   var defer = $.Deferred();
    $.get("/devices/"+imei+"/location",function(data,status){
	   defer.resolve(data);
    });		
	return defer.promise();
}

function getMil