AJAX 自 2005 年開始，就是很熱門的話題了。不過很多人用 AJAX 所使用的都是一些 Javascript Library 所提供的功能。到底原始型態是甚麼呢?
AJAX 自 2005 年開始，就是很熱門的話題了。不過很多人用 AJAX 所使用的都是一些 Javascript Library 所提供的功能。
可是最根本來說，AJAX 在 Client 上的發動，應該要以 XMLHttpRequest 啟動才對。
我們來看一下他的原始碼應該是這樣:

<script language="javascript" type="text/javascript">

var request = new XMLHttpRequest();

function funclick()
{	
	request.open("GET", "data01.html", false);
	request.onreadystatechange = updatePage;
	request.send(null);
}

function updatePage() {
	if (request.readyState == 4)
		if (request.status == 200)
			alert(request.responseText);
	}
</script>

基本上程式碼的型態大約是長這樣，最外層，先定義他們是 JavaScript Code

接下來，我們要宣告一個變數，這個變數的內容，是一個 XMLHttpRequest 物件。

然後在使用者啟動事件之後 (下拉選單或者是按按鈕) ，啟動 funclick 這個 function

這個 function 有三個動作。

1. 啟動 request.open 來設定好一個 request 指向一個網址，準備送出要求
2. 設定好，當這個 request 狀態改變的時候，會啟動 updatePage 這個 function
3. 送出 request

然後，記憶體當中的瀏覽器 (也就是 request 物件) 就會送出一個要求去頁面上

當瀏覽器狀態改變的時候他就會啟動 updatePage 。
而我們接下來會監控兩個值，一個是 readyState ，如果是 4 代表已經讀取完畢了，讀到值了。
然後再檢查 status 是不是 200 ， 200 代表網頁順利傳回。
然後我們就可以把 responseText 拿來用了。

以上就是純用 Javascript 做的 AJAX 範例