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 相关文章推荐
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
js实现的后台左侧管理菜单代码
Sep 11 Javascript
浅谈javascript基础之客户端事件驱动
Jun 10 Javascript
关于微信jssdk实现多图片上传的一点心得分享
Dec 13 Javascript
vue.js中实现登录控制的方法示例
Apr 23 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
nginx部署多个vue项目的方法示例
Sep 06 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判断变量类型常用方法
2012/04/24 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
php 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码
2016/11/09 PHP
Yii框架连表查询操作示例
2019/09/06 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
详解jQuery中的deferred对象的使用(一)
2016/05/27 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
2018/08/09 Javascript
JavaScript实现缓动动画
2020/11/25 Javascript
python实现bitmap数据结构详解
2014/02/17 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
解决TensorFlow模型恢复报错的问题
2020/02/06 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
药品质量检测应届生求职信
2013/11/14 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
完美的中文自荐信
2014/05/24 职场文书
保护水资源的标语
2014/06/17 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
小学生勤俭节约倡议书
2015/04/29 职场文书
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python