过够了

jQuery 学习笔记(10)_ajax

本记记录78-87点

78.$.post(url, params, callback) 用post的方式下载一个页面返回XMLHttpRequest

url: 请求的页面

params:表示请求的要发送的参数.

callback: 请求结束后,调用的方法

eg:$.post(”test.cgi”,
{ name: “John”, time: “2pm” },
function(data){
alert(”Data Loaded: ” + data);
}
);

79. ajaxStart(callback) 当ajax请求发送前,将触发callback.

eg;

$("#loading").ajaxStart(function(){
  $(this).show();
});

80. ajaxSend(callback)当ajax请求发送时触发callback,参数是XMLHttpRequest和settings请求设置

eg:

$("#msg").ajaxSend(function(request, settings){
  $(this).append("<li>Starting request at " + settings.url + "</li>");
});

81.ajaxComplete(callback)当一个ajax请求完成时调用callback.回调参数为XMLHttpRequest和settings请求设置

eg:

$("#msg").ajaxComplete(function(request, settings){
  $(this).append("<li>Request Complete.</li>");
});

82.ajaxSuccess(callback)当一个ajax请求成功时调用回调参数为XMLHttpRequest和settings请求设置

eg:$("#msg").ajaxSuccess(function(request, settings){
  $(this).append("<li>Successful Request!</li>");
});

83.ajaxError(callback)当一个ajax请求失败时调用回调参数为XMLHttpRequest和settings请求设置

eg:$("#msg").ajaxError(function(request, settings){
  $(this).append("<li>Error requesting page " + settings.url + "</li>");
});

84.ajaxStop(callback)当所有的ajax请求结束时,将触发callback

eg:$("#loading").ajaxStop(function(){
  $(this).hide();
});

85.load(url, params, callback)加载url的内容,并把得到的内容插入到DOM中去.

 注意:避免去获取script脚本.可以用$.getScript

url:请求的页面,params:发送的参数.

callback: 调用完成后的回调函数.

eg: <div id="feeds"></div>

$("#feeds").load("feeds.html")==>

<div id="feeds"><b>45</b> feeds found.</div>;

86.loadIfModified(url, params,callback)功能与85点的load方法一模一样.唯一的区别是,

当服务器端根据LastModify判断出没有什么改动的话.就不进行请求.也不进行dom插入.

87.serialize()这是一个十分有用的方法.一般用来序列化进行ajax请求的参数.十分方便

eg:

<input type='text' name='name' value='John'/>
<input type='text' name='location' value='Boston'/>

$("input[@type=text]").serialize();

==>name=John&location=Boston

关于jQuery的学习笔记先记到此.