XMLHttpRequest 物件用於和伺服器交換資料。
如需將請求傳送到伺服器,我們使用XMLHttpRequest 物件的open() 和send() 方法:
xmlhttp.open("GET","ajax_info.txt",true);xmlhttp.send();
方法 | 描述 |
---|---|
open( method , url , async ) | 規定請求的類型、URL 以及是否非同步處理請求。 method :請求的類型;GET 或POST url :檔案在伺服器上的位置 async :true(非同步)或false(同步) |
send( string ) | 將請求發送到伺服器。 string :僅用於POST 請求 |
與POST 相比,GET 更簡單也更快,並且在大部分情況下都能使用。
然而,在以下情況中,請使用POST 請求:
無法使用快取檔案(更新伺服器上的檔案或資料庫)
向伺服器發送大量資料(POST 沒有資料量限制)
當發送包含未知字元的使用者輸入時,POST 比GET 更穩定也更可靠
一個簡單的GET 請求:
在上面的例子中,您可能得到的是快取的結果。
為了避免這種情況,請在URL 中新增一個唯一的ID:
如果您希望透過GET 方法傳送訊息,請為URL 新增訊息:
一個簡單POST 請求:
如果需要像HTML 表單一樣POST 數據,請使用setRequestHeader() 來新增HTTP 頭。然後在send() 方法中規定您希望傳送的資料:
方法 | 描述 |
---|---|
setRequestHeader( header,value ) | 向請求新增HTTP 頭。 header : 規定頭的名稱 value : 規定頭的值 |
open() 方法的url參數是伺服器上檔案的位址:
xmlhttp.open("GET","ajax_test.html",true);
該文件可以是任何類型的文件,例如.txt 和.xml,或伺服器腳本文件,例如.asp 和.php (在傳迴回應之前,能夠在伺服器上執行任務)。
AJAX 指的是非同步JavaScript 和XML(Asynchronous JavaScript and XML)。
XMLHttpRequest 物件如果要用於AJAX 的話,其open() 方法的async 參數必須設為true:
xmlhttp.open("GET","ajax_test.html",true);
對於web 開發人員來說,發送非同步請求是一個巨大的進步。很多在伺服器執行的任務都相當費時。 AJAX 出現之前,這可能會導致應用程式掛起或停止。
透過AJAX,JavaScript 無需等待伺服器的回應,而是:
在等待伺服器回應時執行其他腳本
當響應就緒後對回應進行處理
當使用async=true 時,請規定在回應處於onreadystatechange 事件中的就緒狀態時執行的函數:
您將在稍後的章節學習更多有關onreadystatechange 的內容。
如需使用async=false,請將open() 方法中的第三個參數改為false:
xmlhttp.open("GET","test1.txt",false);
我們不建議使用async=false,但是對於一些小型的請求,也是可以的。
請記住,JavaScript 會等到伺服器回應就緒才繼續執行。如果伺服器繁忙或緩慢,應用程式會掛起或停止。
注意:當您使用async=false 時,請不要寫onreadystatechange 函數- 把程式碼放到send() 語句後面即可: