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代码
Mar 16 Javascript
javascript面向对象特性代码实例
Jun 12 Javascript
排序算法的javascript实现与讲解(99js手记)
Sep 28 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
JS检测是否可以访问公网服务器功能代码
Jun 19 Javascript
JS实现浏览上传文件的代码
Aug 23 Javascript
vue跨域解决方法
Oct 15 Javascript
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
使用Cargo工具高效创建Rust项目
Aug 14 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
随时给自己贴的图片加文字的php水印
2007/03/16 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
js 实现无缝滚动 兼容IE和FF
2009/07/15 Javascript
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
React实现双向绑定示例代码
2016/09/19 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
使用JavaScript破解web
2018/09/28 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
[44:47]Ti4 循环赛第三日 iG vs NaVi
2014/07/12 DOTA
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
Python文件去除注释的方法
2015/05/25 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
Linux下多个Python版本安装教程
2018/08/15 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
个人工作违纪检讨书
2015/05/05 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS
python数字图像处理:图像的绘制
2022/06/28 Python