IT兄弟連 JavaWeb教程 AJAX的技術構成

• 2019 年 10 月 5 日
• 筆記

版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://blog.csdn.net/ITXDL123/article/details/90761528

Ajax並不是新的技術，而是之前技術的整合，其中包括JavaScript、HTML、CSS、DOM、XMLHttpRequest、XML和JSON是構成Ajax技術體系技術基石。

JavaScript：JavaScript是一種弱類型、解釋性的、通用的腳本語言，在Ajax技術體系中，它將各個部分粘合在一起。JavaScript定義業務邏輯、操作DOM改變和刷新用戶介面、重繪或重組織用戶數據、處理用戶交互等。

HTML：HTML定義了文檔的結構，定義了元素之間的包含關係，也定義了文檔中可以應用樣式的位置。

CSS：CSS為Web頁面元素提供了一種可重用的、可視化樣式的定義方法來定義應用的外觀。樣式表提供了集中定義各種視覺央視的方法並方便地設置到頁面元素上。樣式表可定義樣式元素、定義元素相互之間的布局以及簡單的用戶交互功能以實現視覺效果。

DOM：DOM組織網頁視圖，以一組可以使用JavaScript操作的可編程對象展現出Web頁面的結構。通過使用腳本修改DOM在運行時改變用戶介面，或重繪頁面的某個部分。Web頁面的DOM是樹狀結構，JavaScript引擎通過全局變數document公開當前Web頁面的根節點，這個變數是所有DOM操作的起點。DOM文檔與HTML表單的關係是雙向的，修改DOM將會改變HTML標記。

XMLHttpRequest：使用XMLHttpRequest以非同步的方式與伺服器通訊。它以後台方式獲取數據，是的發生非同步調用的業務更加流暢。數據格式通常是XML(目前來看，使用JSON作為數據格式會更加方便，在本書後面的章節會詳細介紹JSON，但是目前為大家介紹的是AJAX)。

XML和JSON：XML，可擴展標記語言，標準通用標記語言的子集，是一種用於標記電子文件使其具有結構性的標記語言。通過此種標記，電腦之間可以處理各種資訊。他可以用來標記數據、定義數據類型，是一種允許用戶對自己的標記語言進行定義的源語言，它非常適合萬維網傳輸，提供統一的方法來描述和交換獨立與應用程式或供應商的結構化數據。

但是XML文件相對龐大，格式複雜，傳輸佔用大量的頻寬，而且伺服器端和客戶端都需要花費大量程式碼來解析XML，使兩端的程式碼變得複雜並不容易維護，並且不同的瀏覽器解析XML文件的方式也不盡相同，需要重複編寫很多程式碼。而且伺服器端和客戶端解析XML也需要花費大量的資源和時間。

那麼除了使用XML作為數據交換格式，現在還可以使用一種叫做JSON(JavaScript Object Notation)的輕量級數據交換格式，並且JSON已經成為了主流(現在AJAX似乎更適合叫做AJAJ，Asynchronous JavaScript And JSON)。

JSON數據格式比較簡單，易於讀寫，格式都是壓縮的，佔用頻寬較小。JSON格式能夠直接為服務端和客戶端程式碼使用，大大簡化了服務端和客戶端的程式碼開發量，且易於維護。