日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

AJAX（Asynchronous JavaScript and XML）是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)，通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX可以使網(wǎng)頁實現(xiàn)異步更新，這意味著可以在不影響網(wǎng)頁的情況下，與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁內(nèi)容。

公司主營業(yè)務(wù)：做網(wǎng)站、成都做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出泗洪免費做網(wǎng)站回饋大家。

下面是一個詳細(xì)的AJAX使用教程圖文詳解：

創(chuàng)建XMLHttpRequest對象

1、打開瀏覽器的開發(fā)者工具，輸入以下代碼創(chuàng)建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

2、XMLHttpRequest對象有以下方法：

open(method, url, async)：初始化一個請求，參數(shù)method表示請求類型，如"GET"或"POST"；url表示請求的URL；async表示是否異步發(fā)送請求，默認(rèn)為true。

xhr.open("GET", "example.php", true);

send()：發(fā)送請求，可以傳遞參數(shù)作為請求體。

xhr.send();

3、設(shè)置回調(diào)函數(shù)處理響應(yīng)：

xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    // 請求成功，處理響應(yīng)數(shù)據(jù)
    console.log(xhr.responseText);
  } else if (xhr.readyState == 4) {
    // 請求失敗，處理錯誤信息
    console.log("Error: " + xhr.status);
  }
};

GET請求示例

1、創(chuàng)建一個HTML文件，添加一個按鈕和一個用于顯示結(jié)果的元素：

  
  
  


  獲取數(shù)據(jù)
  

  

2、創(chuàng)建一個JavaScript文件（如上例中的script.js），編寫以下代碼：

var btn = document.getElementById("getBtn");
var resultDiv = document.getElementById("result");
btn.addEventListener("click", function() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      resultDiv.innerHTML = xhr.responseText;
    } else if (xhr.readyState == 4) {
      console.log("Error: " + xhr.status);
    }
  };
  xhr.open("GET", "example.php", true);
  xhr.send();
});

POST請求示例

1、修改HTML文件，添加一個表單元素：

  
  
  提交

2、修改JavaScript文件，編寫以下代碼：

var form = document.getElementById("postForm");
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log("提交成功！");
  } else if (xhr.readyState == 4) {
    console.log("Error: " + xhr.status);
  }
};
form.addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表單默認(rèn)提交行為，使用AJAX提交數(shù)據(jù)
  var data = {username: document.getElementById("username").value, password: document.getElementById("password").value};
  xhr.open("POST", "example.php", true); // 修改請求類型為POST，并設(shè)置請求頭ContentType為application/xwwwformurlencoded，以傳輸表單數(shù)據(jù)（可選）
  xhr.setRequestHeader("ContentType", "application/xwwwformurlencoded"); // 如果需要發(fā)送表單數(shù)據(jù)，需要設(shè)置請求頭ContentType為application/xwwwformurlencoded，并使用encodeURIComponent對表單數(shù)據(jù)進(jìn)行編碼（可選）
  xhr.send(encodeURIComponent(JSON.stringify(data))); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選）}); // 如果需要發(fā)送表單數(shù)據(jù)，需要將表單數(shù)據(jù)轉(zhuǎn)換為JSON字符串，并使用encodeURIComponent進(jìn)行編碼（可選”); //如果不需要等待服務(wù)器響應(yīng)完成就繼續(xù)執(zhí)行其他操作（例如動畫），可以使用XMLHttpRequest對象的abort方法取消請求：xhr.abort();} else {console.log("Error: " + xhr.status);}');

網(wǎng)站題目：AJAX使用教程圖文詳解（附視頻）
鏈接地址：http://www.dlmjj.cn/article/coghddc.html