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代码
Dec 28 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
Jul 20 Javascript
js跳转页面方法总结
Jan 29 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
vue2.0之多页面的开发的示例
Jan 30 Javascript
postman+json+springmvc测试批量添加实例
Mar 31 Javascript
JavaScript门道之标准库
May 26 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
JavaScript动画实例之粒子文本的实现方法详解
Jul 28 Javascript
vue实现简易音乐播放器
Aug 14 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
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
PHP7之Mongodb API使用详解
2015/12/26 PHP
php创建图像具体步骤
2017/03/13 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
List all the Databases on a SQL Server
2007/06/21 Javascript
兼容ie和firefox js关闭代码
2008/12/11 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
JS实现简易换图时钟功能分析
2018/01/04 Javascript
vue.js 实现点击展开收起动画效果
2018/07/07 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
JS实现滑动插件
2020/01/15 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
Python字符串转换成浮点数函数分享
2015/07/24 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
学生会竞选演讲稿
2014/04/24 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
医德医风演讲稿
2014/05/20 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python