jquery $.ajax相关用法分享


Posted in Javascript onMarch 16, 2012
$.ajax({ 
type: "GET", 
url: "Services/EFService.svc/Members", 
data: "{}", 
contentType: "application/json; charset=utf-8", 
dataType: "json", 
success: function (data) { 
// Play with returned data in JSON format 
}, 
error: function (msg) { 
alert(msg); 
} 
});

全局事件是每次的Ajax请求都会触发的,它会向DOM中的所有元素广播,在上面 getScript() 示例中加载的脚本就是全局Ajax事件。全局事件可以如下定义:
$("#loading").ajaxStart(function(){ 
$(this).show(); 
});

我们可以在特定的请求将全局事件禁用,只要设置下 global 选项就可以了:
$.ajax({ 
url: "test.html", 
global: false,// 禁用全局Ajax事件. // ... });

下面是jQuery官方给出的完整的Ajax事件列表:
•ajaxStart (Global Event)
This event is broadcast if an Ajax request is started and no other Ajax requests are currently running.
•beforeSend (Local Event)
This event, which is triggered before an Ajax request is started, allows you to modify the XMLHttpRequest object (setting additional headers, if need be.)
•ajaxSend (Global Event)
This global event is also triggered before the request is run.
•success (Local Event)
This event is only called if the request was successful (no errors from the server, no errors with the data).
•ajaxSuccess (Global Event)
This event is also only called if the request was successful.
•error (Local Event)
This event is only called if an error occurred with the request (you can never have both an error and a success callback with a request).
•ajaxError (Global Event)
This global event behaves the same as the local error event.
•complete (Local Event)
This event is called regardless of if the request was successful, or not. You will always receive a complete callback, even for synchronous requests.
•ajaxComplete (Global Event)
This event behaves the same as the complete event and will be triggered every time an Ajax request finishes.
•ajaxStop (Global Event)
This global event is triggered if there are no more Ajax requests being processed.
jQuery.ajaxSetup( options ) : 设置全局 AJAX 默认选项。
设置 AJAX 请求默认地址为 "/xmlhttp/",禁止触发全局 AJAX 事件,用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。
jQuery 代码:
$.ajaxSetup({ 
url: "/xmlhttp/", 
global: false, 
type: "POST" 
}); 
$.ajax({ data: myData });

如果指定为 html 类型,任何内嵌的 JavaScript 都会在 HTML 作为一个字符串返回之前执行。类似地,指定 script 类型的话,也会先执行服务器端生成 JavaScript,然后再把脚本作为一个文本数据返回。
JSON 数据是一种能很方便通过 JavaScript 解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用 jsonp 类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的 URL 后面。服务器端应当在 JSON 数据前加上回调函数名,以便完成一个有效的 JSONP 请求。如果要指定回调函数的参数名来取代默认的 callback,可以通过设置 $.ajax() 的 jsonp 参数。   

Javascript 相关文章推荐
JS的replace方法介绍
Oct 20 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 Javascript
js取float型小数点后两位数的方法
Jan 18 Javascript
js怎么判断flash swf文件是否加载完毕
Aug 14 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 Javascript
快速学习JavaScript的6个思维技巧
Oct 13 Javascript
javascript实现五星评分功能
Nov 10 Javascript
全面解析JavaScript中“&&”和“||”操作符(总结篇)
Jul 18 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
浅谈node的事件机制
Oct 09 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 #Javascript
3款实用的在线JS代码工具(国外)
Mar 15 #Javascript
Extjs中使用extend(js继承) 的代码
Mar 15 #Javascript
JQuery一种取同级值的方式(比如你在GridView中)
Mar 15 #Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
Mar 14 #Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 #Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 #Javascript
You might like
网站当前的在线人数
2006/10/09 PHP
php mysqli查询语句返回值类型实例分析
2016/06/29 PHP
javascript Prototype 对象扩展
2009/05/15 Javascript
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
javascript模拟命名空间
2015/04/17 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
jquery事件与绑定事件
2017/03/16 Javascript
js简易版购物车功能
2017/06/17 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
javascript中如何判断类型汇总
2019/05/14 Javascript
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
分析python服务器拒绝服务攻击代码
2014/01/16 Python
使用python 获取进程pid号的方法
2014/03/10 Python
介绍Python的Django框架中的QuerySets
2015/04/20 Python
python dict.get()和dict['key']的区别详解
2016/06/30 Python
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
2017/04/18 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
python中正则表达式与模式匹配
2019/05/07 Python
python生成随机红包的实例写法
2019/09/02 Python
管理学专业个人求职信范文
2013/12/13 职场文书
2014年党支部学习材料
2014/05/19 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
工作报告范文
2019/06/20 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
golang语言指针操作
2022/04/14 Golang
python数字图像处理之图像的批量处理
2022/06/28 Python