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第一课
Feb 27 Javascript
javascript 三种编解码方式
Feb 01 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
简单学习vue指令directive
Nov 03 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
JavaScript读写二进制数据的方法详解
Sep 09 Javascript
微信小程序云开发实现云数据库读写权限
May 17 Javascript
vue+element table表格实现动态列筛选的示例代码
Jan 14 Vue.js
vue封装数字翻牌器
Apr 20 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
日本收入最高的漫画家:海贼王作者版税年收入高达8.45亿元
2020/03/04 日漫
分享最受欢迎的5款PHP框架
2014/11/27 PHP
php输出金字塔的2种实现方法
2014/12/16 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
jQuery常用数据处理方法小结
2015/02/20 Javascript
完美实现八种js焦点轮播图(下篇)
2020/04/20 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
Vue.js使用v-show和v-if的注意事项
2016/12/13 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
基于vue的换肤功能的示例代码
2017/10/10 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
简单使用webpack打包文件的实现
2019/10/29 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
js实现点击生成随机div
2020/01/16 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
vue element ui validate 主动触发错误提示操作
2020/09/21 Javascript
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
python中子类继承父类的__init__方法实例
2016/12/15 Python
python爬取酷狗音乐排行榜
2019/02/20 Python
python SQLAlchemy 中的Engine详解
2019/07/04 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
Python类绑定方法及非绑定方法实例解析
2020/10/09 Python
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
五型班组建设方案
2014/02/10 职场文书
领导干部遵守党的政治纪律情况思想汇报
2014/09/14 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
python如何做代码性能分析
2021/04/26 Python
使用springMVC所需要的pom配置
2021/09/15 Java/Android