jQuery - AJAX

亦世發表於2018-06-21
jQuery

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);
  });
});複製程式碼


相關文章