jQuery对AJAX的封装

来源:互联网 发布:淘宝劲霸男装是真的吗 编辑:程序博客网 时间:2024/04/30 09:33

jQuery对AJAX的底层实现做了很好的封装,为我们提供了调用AJAX方法的接口,简化了AJAX的开发。
jQuery提供的常用的AJAX方法:
$.ajax(options); // 通过远程HTTP请求载入信息
jQuery.load(url,[data],[callback]); //载入远程HTML代码并插入至DOM中
jQuery.post(url,[data],[callback],[type]); //通过远程HTTP POST请求载入信息
jQuery.get(url,[data],[callback],[type]); //通过远程HTTP GET请求载入信息
jQuery.getJSON(url,[data],[callback]); //通过远程请求载入JSON格式的数据
jQuery.getScript(url,[callback]);//通过远程HTTP GET请求载入并执行一个js.

 
AJAX方法参数:
url:     请求的url
async: true/false   //是否为异步请求
type: “get”/”post”   //方式
data: {p1:v1,p2:v2,p3:[v3-1,v3-2]}  //附加参数
cache: true/false   //设置缓存
contentType:         text/javascript 、MIME    //发送信息至服务器时的编码方式
dataType: xml/text/json/jsonp/script   //返回数据的格式
callback: 回调函数
注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误

 
AJAX事件:
ajaxCompleted(callback);  //AJAX请求完成
ajaxError(); //AJAX请求发生错误
ajaxSend(callback); //AJAX请求发送前
ajaxStart(callback); //AJAX请求开始
ajaxStop(callback); //AJAX请求结束
ajaxSuccess(callback); //AJAX请求成功
使用ajaxStrat和ajaxStop可以实现请求的loading效果。

原创粉丝点击