鬆軟科技Web課堂:AJAX 簡介

時間 2020-01-09

標籤鬆軟科技 web 課堂 ajax 簡介欄目 HTML 简体版

原文原文鏈接

AJAX

AJAX 並非編程語言。html

AJAX 是一種從網頁訪問 Web 服務器的技術。web

AJAX 表明異步 JavaScript 和 XML。ajax

AJAX 實例解釋

HTML 頁面

<!DOCTYPE html>
<html>
<body>

<div id="demo">
  <h2>讓 AJAX 更改這段文本</h2>
  <button type="button" onclick="loadDoc()">更改文本</button>
</div>

</body>
</html>

這張 HTML 頁面包含一個 <div> 和一個 <button>。編程

<div> 用於顯示來自服務器的信息。瀏覽器

<button> 調用函數（當它被點擊）。服務器

該函數從 web 服務器請求數據並顯示它：異步

Function loadDoc()

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

什麼是 AJAX？

AJAX = Asynchronous JavaScript And XML.編程語言

AJAX 並不是編程語言。函數

AJAX 僅僅組合了：this

瀏覽器內建的 XMLHttpRequest 對象（從 web 服務器請求數據）
JavaScript 和 HTML DOM（顯示或使用數據）

Ajax 是一個使人誤導的名稱。Ajax 應用程序可能使用 XML 來傳輸數據，但將數據做爲純文本或 JSON 文本傳輸也一樣常見。

Ajax 容許經過與場景後面的 Web 服務器交換數據來異步更新網頁。這意味着能夠更新網頁的部分，而不須要從新加載整個頁面。

AJAX 如何工做

網頁中發生一個事件（頁面加載、按鈕點擊）
由 JavaScript 建立 XMLHttpRequest 對象
XMLHttpRequest 對象向 web 服務器發送請求
服務器處理該請求
服務器將響應發送回網頁
由 JavaScript 讀取響應
由 JavaScript 執行正確的動做（好比更新頁面）

相關文章

相關標籤/搜索

Web Services 教程

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<