【jquery】适用Deferred实现jquery将请求封装成函数
来源:互联网 发布:淘宝网豆豆鞋 编辑:程序博客网 时间:2024/05/16 14:04
有时候需要将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 getMileage(imei) { var defer = $.Deferred(); $.get("/devices/"+imei+"/mileage",function(data,status){ defer.resolve(data); });return defer.promise();}function getFences(imei) { var defer = $.Deferred(); $.get("/devices/"+imei+"/fences",function(data,status){ defer.resolve(data); });return defer.promise();}$(document).ready(function(){ $("button").click(function() { //get location. $.when(getLocation("869449021424717")).done(function(data) { alert("get location code="+data.code); }); //get milegae. $.when(getMileage("869449021424717")).done(function(data) { alert("get mileage code="+data.code); }); //get fences. $.when(getFences("869449021424717")).done(function(data) { alert("get fences code="+data.code); }); });});</script></head><body><button>点击发送请求</button></body></html>
阅读全文
0 0
- 【jquery】适用Deferred实现jquery将请求封装成函数
- Jquery中Deferred实现函数数组并发
- jquery ajax 请求函数封装
- 【转载】jQuery Promise 实现 Deferred
- jquery适用函数
- jQuery Deferred
- jquery deferred
- jQuery的deferred对象使用详解——实现ajax同步请求数据
- jquery 实现原理四:deferred对象
- jQuery的deferred对象实现callback
- 使用jQuery Deferred对象实现Promise
- jquery 之 Deferred 使用与实现
- Jquey Deferred 独立实现版本不依赖jquery
- jQuery deferred的实践,ajax请求增加缓存处理
- 相关JQuery函数封装
- jQuery Deferred模块详解
- jQuery Deferred模块详解
- 阅读jQuery--Deferred
- Linux系统编程——vfork() 函数详解
- java 外部包jar 带包package 命令行编译运行
- opencv基本矩阵操作
- 有效的mysql优化sql语句查询的方法
- 静态库lib的编写
- 【jquery】适用Deferred实现jquery将请求封装成函数
- QTextEdit更改特定某些行的字体格式
- Spring Boot用浏览器关闭程序
- LeetCode周练Contest-35代码解析(C++)
- Android WebView 内容图片宽度自适应
- c语言综合实验 学生成绩管理系统
- BZOJ 2597: [Wc2007]剪刀石头布 费用流
- python科学计算--核心工具包一瞥(二)(win10 64位,numpy,scipy,pandas,seaborn,wordcloud安装)
- matlab之求向量中出现最多的元素和频率