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 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
微信小程序 火车票查询实例讲解
Oct 17 Javascript
基于JavaScript实现的希尔排序算法分析
Apr 14 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
Sep 26 Javascript
React Native预设占位placeholder的使用
Sep 28 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
Feb 11 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 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
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
PHP 多维数组排序实现代码
2009/08/05 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
Javascript 写的简单进度条控件
2008/01/22 Javascript
再论Javascript的类继承
2011/03/05 Javascript
JS与C#编码解码
2013/12/03 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
2015/06/05 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
jQuery带时间的日期控件代码分享
2015/08/26 Javascript
Javascript中replace()小结
2015/09/30 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
Python中实现从目录中过滤出指定文件类型的文件
2015/02/02 Python
python实现应用程序在右键菜单中添加打开方式功能
2017/01/09 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
Django框架多表查询实例分析
2018/07/04 Python
python+mysql实现教务管理系统
2019/02/20 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
创业计划书之校园超市
2019/09/12 职场文书
MySql数据库触发器使用教程
2022/06/01 MySQL
MySQL使用IF语句及用case语句对条件并结果进行判断 
2022/09/23 MySQL