jQuery - AJAX

AJAX 是與服務器交換數據的藝術，它在不重載所有頁面的狀況下，實現了對部分網頁的更新。

什麼是 AJAX？

AJAX = 異步 JavaScript 和 XML（Asynchronous JavaScript and XML）。

簡短地說，在不重載整個網頁的狀況下，AJAX 經過後臺加載數據，並在網頁上進行顯示。

load() 方法從服務器加載數據，並把返回的數據放入被選元素中。

語法：

$(selector).load(URL,data,callback);複製代碼

必需的 URL 參數規定您但願加載的 URL。

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

可選的 callback 參數是 load() 方法完成後所執行的函數名稱。下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內容，加載到指定的 <div> 元素中：

實例

$("#div1").load("demo_test.txt #p1");複製代碼

實例

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});複製代碼

實例

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});複製代碼