Jquery中的ajax

Jquery中ajax的使用有三種形式：

一、數據的加載

作用：加載url對應數據至指定元素。

語法：

$(selector).load(URL,data,callback);

a)URL 參數（必需）規定您希望加載的 URL。

    url中可以使用jquery選擇器，即可以使用形如：$(“div”).load(“a.html #user”);將a.html頁面內id=user的元素內容加載至<div>標籤內。

b)data 參數（可選）規定與請求一同發送的查詢字符串鍵/值對集合。

    即json對象。舉個例子就一目瞭然了：$(“div”).load(“a.html”，{name:"leo",psw:"123"});

c) callback 參數（可選）是 load() 方法完成後所執行的函數名稱。

    回調函數可以設置不同的參數：

• responseTxt - 包含調用成功時的結果內容
• statusTXT - 包含調用的狀態
• xhr - 包含 XMLHttpRequest 對象

二、get請求

$.get() 方法通過 HTTP GET 請求從服務器上請求數據。

語法：

$.get(URL,callback);

實例：

$("button").click(function(){
  $.get("test.jsp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

callback函數包括兩個參數：服務器返回的字符串數據data，還有請求狀態status。

三、post請求

$.post() 方法通過 HTTP POST 請求從服務器上請求數據。

語法：

$.post(URL,data,callback);

同樣，URL必須，data可選，callback可選。

實例

$("button").click(function(){
  $.post("test.jsp",
  {name:"leo",psw:"123"},
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});