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库还是自己写代码?
Jan 28 Javascript
JavaScript中常见陷阱小结
Apr 27 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 Javascript
浅谈JavaScript的innerWidth与innerHeight
Oct 12 Javascript
性能优化篇之Webpack构建速度优化的建议
Apr 03 Javascript
vue分页器组件编写方法详解
Jun 28 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 Javascript
vue 在单页面应用里使用二级套嵌路由
Dec 19 Vue.js
80行代码写一个Webpack插件并发布到npm
May 24 Javascript
vue中div禁止点击事件的实现
Apr 02 Vue.js
灵活应用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
Thinkphp中import的几个用法详细介绍
2014/07/02 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
js数组与字符串的相互转换方法
2014/07/09 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
Vue.js表单控件实践
2016/10/27 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
2018/08/09 jQuery
浅析Vue实例以及生命周期
2018/08/14 Javascript
Angular8路由守卫原理和使用方法
2019/08/29 Javascript
微信公众号服务器验证Token步骤图解
2019/12/30 Javascript
js生成1到100的随机数最简单的实现方法
2020/02/07 Javascript
VueJS实现用户管理系统
2020/05/29 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
python创建线程示例
2014/05/06 Python
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
Windows系统下PhantomJS的安装和基本用法
2018/10/21 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
Waterford美国官网:爱尔兰水晶制品品牌
2017/04/26 全球购物
高中生的自我鉴定范文
2014/01/24 职场文书
产品质量承诺书范文
2014/03/27 职场文书
支部书记四风问题对照检查材料
2014/10/04 职场文书
个人汇报材料范文
2014/12/30 职场文书
团员个人年度总结
2015/02/26 职场文书
综治目标管理责任书
2015/05/11 职场文书
毕业实习证明范本
2015/06/16 职场文书
Java常用函数式接口总结
2021/06/29 Java/Android