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 相关文章推荐
JS 文件本身编码转换 图文教程
Oct 12 Javascript
js网页实时倒计时精确到秒级
Feb 10 Javascript
jquery提交form表单时禁止重复提交的方法
Feb 13 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
JScript实现地址选择功能
Aug 15 Javascript
JS实现按钮添加背景音乐示例代码
Oct 17 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
JavaScript事件对象event用法分析
Jul 27 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 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
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
怎样给PHP源代码加密?PHP二进制加密与解密的解决办法
2013/04/22 PHP
PHP面向对象之旅:深入理解static变量与方法
2014/01/06 PHP
php去除html标记的原生函数详解
2015/01/27 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
php命令行写shell实例详解
2018/07/19 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
js检测用户输入密码强度
2015/10/22 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
Vue异步加载about组件
2017/10/31 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
three.js 实现露珠滴落动画效果的示例代码
2021/03/01 Javascript
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
利用Anaconda完美解决Python 2与python 3的共存问题
2017/05/25 Python
pandas.dataframe按行索引表达式选取方法
2018/10/30 Python
使用Python 统计高频字数的方法
2019/01/31 Python
python求最大值最小值方法总结
2019/06/25 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
Jupyter notebook无法导入第三方模块的解决方式
2020/04/15 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
彪马香港官方网上商店:PUMA香港
2020/12/06 全球购物
网吧最新创业计划书范文
2014/03/27 职场文书
班主任新年寄语
2014/04/04 职场文书
单位委托书怎么写
2014/08/02 职场文书
Springboot集成阿里云OSS上传文件系统教程
2021/06/28 Java/Android
JavaScript事件的委托(代理)的用法示例详解
2022/02/18 Javascript