[JS] AJAX GET and POST HTTP request (IV)

[JS] AJAX GET and POST HTTP request (I)
[JS] AJAX GET and POST HTTP request (II)
[JS] AJAX GET and POST HTTP request (III)

這一系列AJAX的文章，已經寫到尾聲了，自己在寫部落格的時後，不喜歡寫得落落長長，寫得太冗長，會讓人抓不到重點。所以就乾脆把主題給分散開來寫。最後，我們就把之前程序的執行結果給驗證一遍。

我們先驗證HTTP GET Request。當我們輸入完帳密 (PabloPicasso.G / 0123456789)之後，按下「GET」，然後再用Mozilla FireFox的瀏灠器主控台看一下執行的結果：

我們可以從檢測網路請求視窗中很清楚地看到，請求URL就是http://192.168.1.18/JavaScriptAjax.html?nmUsername=PabloPicasso.G&nmPassword=0123456789；請求方法為GET；然後，伺服器回應的狀態代碼則是：HTTP/1.1 200 OK。從這些訊息可以得知，我們的HTTP GET Request有確實地執行成功。我們還可以用WireShark來查看：

Google Blogger的圖檔似乎有點小，所以我們可以點圖放大看結果。反之，我們也可以觀察按下「POST」之後的結果：

請看請求URL的部份，就只剩下http://192.168.1.18/JavaScriptAjax.html，後面的資料就沒了；同理，我們也可以看到WireShark的狀況：

在上圖的最後一行，有Line-based text data: 這一行所呈現的資料就是我們的語法：ajaxRequest.send(strData); 所送出的資料。

附帶一提，我們也可以檢視一下HTTP Response的回傳資料：

同樣地也是看到這一行：Line-based text data:。因為我們在ajaxRequest.open()中所指定的網址為/JavaScriptAjax.html，所以Web Server就把整個網頁的內容回傳給我們。

相反地，當我們Client端用AJAX的技術時，所Send()出的資料，就只有nmUsername=PabloPicasso.G&nmPassword=0123456789，而並不是整個網頁。

整個AJAX GET and POST HTTP request系列的原理和介紹，大致上就是這樣；接下來會用jQuery來實作，但就不會描述地這麼多了。