jquery $.ajax相关用法分享

 更新时间:2012年03月16日 21:19:32   作者:  
jquery $.ajax相关用法分享,使用jquery的朋友可以参考下
复制代码 代码如下:

$.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 参数。   

相关文章

  • jQuery实现带有洗牌效果的动画分页实例

    jQuery实现带有洗牌效果的动画分页实例

    这篇文章主要介绍了jQuery实现带有洗牌效果的动画分页,涉及jquery页面元素样式及animate方法的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • jQuery实现的多级下拉菜单效果代码

    jQuery实现的多级下拉菜单效果代码

    这篇文章主要介绍了jQuery实现的多级下拉菜单效果代码,涉及jquery鼠标事件及页面元素的显示与隐藏效果实现技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • 基于jquery实现智能表单验证操作

    基于jquery实现智能表单验证操作

    这篇文章主要为大家详细介绍了基于jquery实现智能表单验证操作的相关资料,利用jquery实现了对一个表单字段格式的即时检查,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • ExtJs动态生成treepanel的Json格式

    ExtJs动态生成treepanel的Json格式

    这篇文章主要介绍了ExtJs动态生成treepanel的Json格式的相关资料,需要的朋友可以参考下
    2015-07-07
  • 使用jQuery制作浮动工具栏的实例分享

    使用jQuery制作浮动工具栏的实例分享

    这里所说的浮动工具栏就是大家平时看到的社交网络分享按钮栏那样的效果,可以做成浮动效果且能上下移动,这里我们就来看一个使用jQuery制作页面工具边栏的实例分享.
    2016-05-05
  • jQuery+PHP实现动态数字展示特效

    jQuery+PHP实现动态数字展示特效

    我们在一些应用中需要动态展示数据,比如当前在线人数,当前交易总额,当前汇率等等,前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。
    2015-03-03
  • jquery+ajax实现注册实时验证实例详解

    jquery+ajax实现注册实时验证实例详解

    这篇文章主要介绍了jquery+ajax实现注册实时验证的方法,结合实例形式较为详细的分析了jQuery基于ajax请求实现注册时无刷新验证的相关技巧,需要的朋友可以参考下
    2015-12-12
  • JQuery扩展对象方法操作示例

    JQuery扩展对象方法操作示例

    这篇文章主要介绍了JQuery扩展对象方法操作,结合实例形式简单分析了jQuery使用$.fn.extend方法扩展对象方法的相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • 使用jquery提交form表单并自定义action的方法

    使用jquery提交form表单并自定义action的方法

    下面小编就为大家带来一篇使用jquery提交form表单并自定义action的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 2则自己编写的jQuery特效分享

    2则自己编写的jQuery特效分享

    这里给大家分享的是个人编写的2个jQuery特效,非常简单实用,推荐给大家,希望对大家能有所帮助。
    2015-02-02

最新评论