jQuery小笔记 Ajax(一)

1. jQuery.ajax( url, [ settings ] )

 

执行一个异步的HTTP（Ajax）的请求。

 

    Example: 作为发送数据到服务器的ID，保存一些数据到服务器，并通知用户一旦它的完成。请注意，此用法 - 返回到一个变量的调用的结果 - 需要同步（阻塞）的要求！ （异步：假）

 

bodyContent = $.ajax({

      url: "script.PHP",

      global: false,

      type: "POST",

      data: ({id : this.getAttribute('id')}),

      dataType: "html",

      async:false,

      success: function(msg){

         alert(msg);

      }

   }

).responseText;

 

 

2..ajaxComplete( handler(event, XMLHttpRequest, ajaxOptions) )  

 

当Ajax请求完成后注册一个回调函数。这是一个 Ajax 事件.  

   

$('.log').ajaxComplete(function() {

  $(this).text('Triggered ajaxComplete handler.');

});

 

 

3..ajaxError( handler(event, XMLHttpRequest, ajaxOptions, thrownError) )  

 

Ajax请求出错时注册一个回调处理函数，这是一个 Ajax 事件。  

 

$('.log').ajaxError(function() {

  $(this).text('Triggered ajaxError handler.');

});

 

4..ajaxSend( handler(event, XMLHttpRequest, ajaxOptions) )

 

每当一个Ajax请求即将发送，jQuery就会触发ajaxSend事件，在这个时间点所有处理函数都会使用.ajaxSend()方法注册并执行。

 

   

$('.log').ajaxSend(function() {

  $(this).text('Triggered ajaxSend handler.');

});

 

5. jQuery.ajaxSetup( options )  

 

设置未来（可以理解为全局）的 AJAX请求默认选项。  

 

     

举个例子,我们可以事先设置服务器重复响应的默认URL参数：

$.ajaxSetup({

  url: 'ping.PHP',

});

 

6..ajaxStart( handler() )

 

在AJAX 请求刚开始时执行一个处理函数。 这是一个 Ajax 事件.

 

       

$('.log').ajaxStart(function() {

  $(this).text('Triggered ajaxStart handler.');

});

 

 

7..ajaxStop( handler() )  

 

在Ajax请求停止后隐藏加载信息。  

 

         

$('.log').ajaxStop(function() {

  $(this).text('Triggered ajaxStop handler.');

});

 

8..ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )  

 

当一个Ajax请求成功完成时显示一个信息  

 

$('.log').ajaxSuccess(function() {

  $(this).text('Triggered ajaxSuccess handler.');

});

 

 

9.jQuery.get( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )

 

通过服务器HTTP GET请求加载数据。

             

             

$.get("test.cgi", { name: "John", time: "2pm" },

   function(data){

     alert("Data Loaded: " + data);

   });

 

 

10..jQuery.getJSON( url, [ data ], [ success(data, textStatus, jqXHR) ] )  

 

通过 HTTP GET 请求从服务器载入 JSON 数据。  

           

$.getJSON("test.js", function(json) {

   alert("JSON Data: " + json.users[3].name);

});

 

 

11.jQuery.getScript( url, [ success(data, textStatus) ] )  

 

通过 HTTP GET 请求从服务器载入并执行一个 JavaScript 文件  

   

$.getScript("test.js");  

 

 

         

           

$.getScript("test.js", function(){

   alert("Script loaded and executed.");

});

 

 

12..load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] )  

 

载入远程 HTML 文件代码并插入至 DOM 中。  

 

$("#Feeds").load("Feeds.html");

 

 

13.jQuery.post( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )  

 

通过服务器HTTP POST请求加载数据  

 

           

$.post("test.PHP", { name: "John", time: "2pm" },

   function(data) {

     alert("Data Loaded: " + data);

   });

 

14..serialize()   

 

将用作提交的表单元素的值编译成字符串。  

 

$('form').submit(function() {

  alert($(this).serialize());

  return false;

});

 

15..serializeArray()   

 

将用作提交的表单元素的值编译成拥有name和value对象组成的数组。例如[ { name: a value: 1 }, { name: b value: 2 },...]