/*
* 1 建立XMLHttpRequest物件 */
var xhr = ajaxFunction();
* 2 伺服器向瀏覽器響應請求
*
* readyState 屬性表示Ajax請求的當前狀態。它的值用數字代表。
0 代表未初始化。 還沒有呼叫 open 方法
1 代表正在載入。 open 方法已被呼叫,但 send 方法還沒有被呼叫
2 代表已載入完畢。send 已被呼叫。請求已經開始
3 代表互動中。伺服器正在傳送響應
4 代表完成。響應傳送完畢
常用狀態碼及其含義:
404 沒找到頁面(not found)
403 禁止訪問(forbidden)
500 內部伺服器出錯(internal service error)
200 一切正常(ok)
304 沒有被修改(not modified)(伺服器返回304狀態,表示原始檔沒有被修改 ) */
xhr.onreadystatechange = function(){
alert(xhr.readyState); //alert(xhr.status);
if(xhr.readyState==4){ if(xhr.status==200||xhr.status==304){
var data = xhr.responseText;
alert(data);
}
* 3 瀏覽器與伺服器建立連線
* xhr.open(method, url, asynch);
* * 與伺服器建立連線使用
* * method:請求型別,類似 “GET”或”POST”的字串。
* * url:路徑字串,指向你所請求的伺服器上的那個檔案。請求路徑
* * asynch:表示請求是否要非同步傳輸,預設值為true(非同步)。 */
xhr.open("POST","../testServlet?timeStamp="+new Date().getTime()+"&c=18",true);
//如果是POST請求方式,設定請求首部資訊
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
* 4 瀏覽器向伺服器傳送請求
* send()方法:
* * 如果瀏覽器請求的型別為GET型別時,透過send()方法傳送請求資料,伺服器接收不到
* * 如果瀏覽器請求的型別為POST型別時,透過send()方法傳送請求資料,伺服器可以接收 */
xhr.send("a=6&b=9"); //xhr.send(null);
/*
* 1 建立XMLHttpRequest物件 */
var xhr = ajaxFunction();
/*
* 2 伺服器向瀏覽器響應請求
*
* readyState 屬性表示Ajax請求的當前狀態。它的值用數字代表。
0 代表未初始化。 還沒有呼叫 open 方法
1 代表正在載入。 open 方法已被呼叫,但 send 方法還沒有被呼叫
2 代表已載入完畢。send 已被呼叫。請求已經開始
3 代表互動中。伺服器正在傳送響應
4 代表完成。響應傳送完畢
常用狀態碼及其含義:
404 沒找到頁面(not found)
403 禁止訪問(forbidden)
500 內部伺服器出錯(internal service error)
200 一切正常(ok)
304 沒有被修改(not modified)(伺服器返回304狀態,表示原始檔沒有被修改 ) */
xhr.onreadystatechange = function(){
alert(xhr.readyState); //alert(xhr.status);
if(xhr.readyState==4){ if(xhr.status==200||xhr.status==304){
var data = xhr.responseText;
alert(data);
}
}
}
/*
* 3 瀏覽器與伺服器建立連線
*
* xhr.open(method, url, asynch);
* * 與伺服器建立連線使用
* * method:請求型別,類似 “GET”或”POST”的字串。
* * url:路徑字串,指向你所請求的伺服器上的那個檔案。請求路徑
* * asynch:表示請求是否要非同步傳輸,預設值為true(非同步)。 */
xhr.open("POST","../testServlet?timeStamp="+new Date().getTime()+"&c=18",true);
//如果是POST請求方式,設定請求首部資訊
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
/*
* 4 瀏覽器向伺服器傳送請求
*
* send()方法:
* * 如果瀏覽器請求的型別為GET型別時,透過send()方法傳送請求資料,伺服器接收不到
* * 如果瀏覽器請求的型別為POST型別時,透過send()方法傳送請求資料,伺服器可以接收 */
xhr.send("a=6&b=9"); //xhr.send(null);