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 相关文章推荐
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
使用js画图之画切线
Jan 12 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
全面理解闭包机制
Jul 11 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
Jquery把获取到的input值转换成json
May 15 jQuery
js+html5实现半透明遮罩层弹框效果
Aug 24 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 Javascript
微信小程序实现星星评分效果
Nov 01 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
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
javascript的动态加载、缓存、更新以及复用(一)
2014/06/09 Javascript
angularJS 中$attrs方法使用指南
2015/02/09 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2015/04/01 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
2015/11/24 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
JavaScript 函数的定义-调用、注意事项
2017/04/16 Javascript
ES6正则表达式的一些新功能总结
2017/05/09 Javascript
详解使用vue实现tab 切换操作
2017/07/03 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
2018/03/06 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
python中的一些类型转换函数小结
2013/02/10 Python
Python Requests安装与简单运用
2016/04/07 Python
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
Python处理CSV与List的转换方法
2018/04/19 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
python绘制趋势图的示例
2020/09/17 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
服务承诺书范文
2014/05/19 职场文书
成都人事代理协议书
2014/10/25 职场文书
物业工程部岗位职责
2015/02/11 职场文书
会计岗位工作总结
2015/08/12 职场文书
教师外出学习心得体会
2016/01/18 职场文书
Python Matplotlib绘制等高线图与渐变色扇形图
2022/04/14 Python
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技