jQuery ajax

以下方法都是Ajax 事件

function(event,xhr,options)

event - 包含 event 对象；

xhr - 包含 XMLHttpRequest（XMLHttpRequest 对象和设置作为参数传递给回调函数） 对象；

options - 包含 AJAX 请求中使用的选项

jQuery.ajax()

.ajaxComplete()

.jQueryajaxComplete(function(event,xhr,options))//规定当请求完成时运行的函数

$("#txt").ajaxStart(function(){
  $("#wait").css("display","block");
});
$("#txt").ajaxComplete(function(){
  $("#wait").css("display","none");
});//当 AJAX 请求正在进行时显示“正在加载”的指示

 

.ajaxError()

.ajaxError(function(event,xhr,options,exc))//在 AJAX 请求发生错误时执行函数（exc - 包含 JavaScript exception）

$("div").ajaxError(function(){
  alert("An error occurred!");
});


function (event, XMLHttpRequest, ajaxOptions, thrownError) {
 // thrownError 只有当异常发生时才会被传递 this;
 }//捕捉到的错误可作为最后一个参数传递

 

.ajaxSend()

.ajaxSend(function(event,xhr,options))//ajaxSend() 方法在 AJAX 请求开始时执行函数

$("div").ajaxSend(function(e,xhr,opt){
  $(this).html("Requesting " + opt.url);
});//当 AJAX 请求即将发送时，改变 div 元素的内容

$("#id").ajaxSend(function(event,xhr,options){ })是全局事件，也就是说，只要该页面定义了这个函数，那么，在每个ajax请求前都会执行该函数，这既与该函数前面的选择器#id无关，也与用$.get还是$.post请求无关

jQuery.ajaxSetup()

jQuery.ajaxSetup(name:value, name:value, ...)//jQuery.ajaxSetup() 方法设置全局 AJAX 默认选项

$("button").click(function(){
  $.ajaxSetup({url:"demo_ajax_load.txt",success:function(result){
    $("div").html(result);}});
  $.ajax();
});//为所有 AJAX 请求设置默认 URL 和 success 函数

 

.ajaxStart()

ajaxStart() 方法在 AJAX 请求发送前执行函数

$("div").ajaxStart(function(){
  $(this).html("<img src='demo_wait.gif' />");
});//当 AJAX 请求开始时，显示“加载中”的指示

 

.ajaxStop()

ajaxStop() 方法在 AJAX 请求结束时执行函数。

$("div").ajaxStop(function(){
  alert("所有 AJAX 请求已完成");
});

无论 Ajax 请求在何时完成 ，jQuery 都会检查是否存在其他 Ajax 请求。如果不存在，则 jQuery 会触发该 ajaxStop 事件

 

.ajaxSuccess()

ajaxSuccess() 方法在 AJAX 请求成功时执行函数

$("div").ajaxSuccess(function(){
  alert("AJAX 请求已成功完成");
});

 

jQuery.get()

get() 方法通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});//使用 AJAX 的 GET 请求来改变 div 元素的文本

$(selector).get(url,data,success(response,status,xhr),dataType)

参数	描述
url	必需。规定将请求发送的哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)	可选。规定当请求成功时运行的函数。 额外的参数： response - 包含来自请求的结果数据 status - 包含请求的状态 xhr - 包含 XMLHttpRequest 对象
dataType	可选。规定预计的服务器响应的数据类型。 默认地，jQuery 将智能判断。 可能的类型： "xml" "html" "text" "script" "json" "jsonp"

jQuery.getJSON()

通过 HTTP GET 请求载入 JSON 数据

jQuery.getJSON(url,data,success(data,status,xhr))

$("button").click(function(){
  $.getJSON("demo_ajax_json.js",function(result){
    $.each(result, function(i, field){
      $("div").append(field + " ");
    });
  });
});//使用 AJAX 请求来获得 JSON 数据，并输出结果

参数	描述
url	必需。规定将请求发送的哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
success(data,status,xhr)	可选。规定当请求成功时运行的函数。 额外的参数： response - 包含来自请求的结果数据 status - 包含请求的状态 xhr - 包含 XMLHttpRequest 对象

jQuery.getScript()

jQuery.getScript(url,success(response,status))

getScript() 方法通过 HTTP GET 请求载入并执行 JavaScript 文件

$("button").click(function(){
  $.getScript("demo_ajax_script.js");
});//通过 AJAX 请求来获得并运行一个 JavaScript 文件

参数	描述
url	将要请求的 URL 字符串。
success(response,status)	可选。规定请求成功后执行的回调函数。 额外的参数： response - 包含来自请求的结果数据 status - 包含请求的状态（"success", "notmodified", "error", "timeout" 或 "parsererror"）

.load()

load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中

load(url,data,function(response,status,xhr))

 

jQuery.param()

param() 方法创建数组或对象的序列化表示。

 

jQuery.post()

post() 方法通过 HTTP POST 请求从服务器载入数据

 

.serialize()

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。

 

.serializeArray()

serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）

一头雾水  ╮(╯﹏╰）╭