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 相关文章推荐
JavaScript Accessor实现说明
Dec 06 Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
Aug 22 Javascript
Jquery Easyui表单组件Form使用详解(30)
Dec 19 Javascript
jQuery监听浏览器窗口大小的变化实例
Feb 07 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
element ui 对话框el-dialog关闭事件详解
Feb 26 Javascript
vue组件name的作用小结
May 23 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 Javascript
JavaScript实现动态生成表格
Aug 02 Javascript
详细分析JavaScript中的深浅拷贝
Sep 17 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
如何开始收听短波广播
2021/03/01 无线电
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
2015/08/09 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
Vue自定义属性实例分析
2019/02/23 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
简单了解python变量的作用域
2019/07/30 Python
Django中提供的6种缓存方式详解
2019/08/05 Python
Django框架表单操作实例分析
2019/11/04 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
大学生饮食配送创业计划书
2014/01/04 职场文书
高中美术教学反思
2014/01/19 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
农民工讨薪标语
2014/06/26 职场文书
网络技术专业求职信
2014/07/13 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书