全栈工程师开发手册 (作者:栾鹏)

jquery系列教程6-AJAX全解

jquery中ajax应用——通用ajax函数

jquery提供了比get和post更加通用的ajax()

代码如下:

$.ajax(options)
$.ajax({
type:"POST", //方式
url:"test.jsp", //地址
dataType:"JSON", //数据类型 xml(xml文档),html(html代码),script(js代码),json(json数据),jsonp(jsonp格式数据),text(纯文本)
beforeSend:function(XMLHttpRequest){ //发送前函数, 这里可以修改XMLHttpRequest,例如添加HTTP头
},
complete:function(XMLHttpRequest,textStatus){ //请求完成函数,请求成功或失败均调用此函数
},
sucess:function(data,textStatus){ //请求成功,成功返回, //data有可能是xmlDoc,jsonObj,html,text等等
},
error:function(XMLHttpRequest,textStatus,errorThrown){ //请求失败函数
},
global:true //是否触发全局ajax事件,默认为true。全局函数开启,任何jquery类能调用后面的ajax全局函数
});

全局ajax函数

任何jquery对象都可以调用全局ajax函数
代码如下:

$("#loading").ajaxStart(function(){});   //ajaxStart请求开,ajaxStop请求结束   ajaxComplete请求完成    ajaxError请求错误    ajaxSend发送请求前    ajaxSucess请求成功