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 相关文章推荐
window.showModalDialog使用手册
Jan 11 Javascript
JS焦点图切换,上下翻转
May 12 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
使用JavaScript获取地址栏参数的方法
Dec 19 Javascript
jQuery实现平滑滚动的标签分栏切换效果
Aug 28 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
Jul 11 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
layer插件select选中默认值的方法
Aug 14 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
灵活应用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
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
php+redis实现注册、删除、编辑、分页、登录、关注等功能示例
2017/02/15 PHP
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
深入理解javaScript中的事件驱动
2013/05/21 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
javascript深拷贝和浅拷贝详解
2017/02/14 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
vue改变循环遍历后的数据实例
2019/11/07 Javascript
Vue解析剪切板图片并实现发送功能
2020/02/04 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
Vue3新特性之在Composition API中使用CSS Modules
2020/07/13 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
[38:23]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第二场 11.01
2020/11/02 DOTA
Django组件cookie与session的具体使用
2019/06/05 Python
django执行原始查询sql,并返回Dict字典例子
2020/04/01 Python
Python 字典中的所有方法及用法
2020/06/10 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
老板电器官方购物商城:老板油烟机、燃气灶、消毒柜、电烤箱
2018/05/30 全球购物
美国高级音响品牌:Master&Dynamic
2018/07/05 全球购物
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
数据库面试要点基本概念
2013/10/31 面试题
会计岗位说明书
2014/07/29 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
2015年学校管理工作总结
2015/07/20 职场文书
各类场合主持词开场白范文集锦
2019/08/16 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
MySQL触发器的使用
2021/05/24 MySQL
vue的项目如何打包上线
2022/04/13 Vue.js