AJAX

AJAX 全名為 Asynchronous JavaScript and XML（非同步的 JavaScript 和 XML）。AJAX 並不是啥新程式語言，其用處是不需重新載入整個網頁，而是在原本的網頁中與伺服器連線取得新資料，並更新網頁某部份的內容。因為不是重新載入整個網頁，所以不會產生網頁更新時會閃爍的問題。

前端

首先在 javascript 中撰寫 loadXMLDoc函數，在此函數中產生 xmlhttp=new XMLHttpRequest() 物件。xmlhttp 負責跟伺服器連線。

xmlhttp.open()指定要連線的伺服器網址，然後xmlhttp.send()開始進行連線。

待連線取得資料後，會回調 xmlhttp.onreadystatechange 函數，所以可以在此處開始更新網頁的內容。

整個script最後，調用 loadXMLDoc()開始執行此函數，setInterval(loadXMLDoc, 5000) 為每1秒就執行一次 loadXMLDoc，一直循環下去。

上述的xmlDoc為整個XML的資料，再由xmlDoc.getElementsByTagName(“time”); 取得標籤為 <time> 的所有節點，此值為多個元素的陣列。所以要取其中之一節點的值，需使用 nodes[i].firstChild.nodeValue。在此例只有一個 <time>標籤，所以使用 nodes[0]

XML

如果伺服器傳回來的是 xml, 則使用xmlhttp.responseXML

後端

本例使用 Django 為後端

參考

這裏有一篇寫的蠻詳細的，可參考
https://www.itread01.com/study/ajax-xmlhttprequest-response.html