首頁 > web前端 > js教程 > 詳解AJAX運作原理以及實例講解(簡單易懂)

詳解AJAX運作原理以及實例講解(簡單易懂)

寻∝梦
發布: 2018-09-10 15:00:08
原創
1735 人瀏覽過

本篇文章主要的介紹了關於ajax的工作原理的講解。帶著實例講解ajax的工作原理,通俗易懂,還不趕緊過來學習

什麼是 AJAX ?

AJAX = 非同步 JavaScript 和 XML。

AJAX 是一種用於建立快速動態網頁的技術。

透過在後台與伺服器進行少量資料交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某個部分進行更新。

傳統的網頁(不使用 AJAX)如果需要更新內容,則必須重載整個網站頁面。

有許多使用 AJAX 的應用程式案例:新浪微博、Google 地圖、開心網等等。

AJAX 實例解釋

上面的 AJAX 應用程式包含一個 p 和一個按鈕。

p 部分用於顯示來自伺服器的資訊。當按鈕被點擊時,它負責呼叫名為 loadXMLDoc() 的函數:

<html><body><p id="myp"><h3>Let AJAX change this text</h3></p><button type="button" onclick="loadXMLDoc()">Change Content</button></body></html>
登入後複製

接下來,在頁面的 head 部分新增一個

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板