看看MDN 上AJAX的入門文件來練習AJAX
Asynchronous JavaScript And XML, AJAX
AJAX是利用XMLHttpRequest與server傳送接收XML、JSON、HTML等檔案,
更新頁面,不用重新整理頁面。
首先要創建一個 XMLHttpRequest Object
var httpRequest = new XMLHttpRequest();
接著就可以send a request to server了。
可以使用open()
、send()
來send a request to a server了。
open(method, url, async)
method:request的方法,可以從GET、POST中選擇。
url:請求頁面的url。
async:決定request是否同步,如果為true,既使server未回傳data,也會繼續執行其他function。
以POST發出request,send的參數是可以是任何想傳送給server的東西。
Making request後會回傳資料,接著要藉由onreadystatechange
來指名由甚麼function來處理這個回傳的資料。
httpRequest.onreadystatechange = myFunction;
httpRequest.onreadystatechange = function(){
// do somethings;
};
明天來看看POST送出資料的方式,並且來處理responses。