如何使用ajax程式設計

2021-07-08 11:23:58 字數 938 閱讀 6941

如何使用ajax程式設計

step1,獲得ajax物件

比如:

var xhr = getxhr();

step2,使用ajax物件發請求(get/post)

1)傳送get請求

//    第乙個引數:請求方式

//第二個引數:請求資源路徑

//第三個引數:

//true->表示非同步請求:  ajax物件方式請求時,使用者可以對頁面做其他操作。

//false->表示同步請求:不能做其他操作,只能等待。

xhr.open('get','check_username.do?username=zs',true);

xhr.onreadystatechange = f1;

xhr.send(null);

示例**:鏈結

2)傳送post請求

xhr.open('post','check_username.do',true);

//因為按照http協議的要求,傳送post請求時,應該傳送乙個content-type訊息頭。

//而ajax物件預設情況下不會傳送這個訊息頭,所以,需要呼叫setrequestheader方法來新增。

xhr.onreadystatechange = f1;

//請求引數要寫在send方法裡

xhr.send('username=zs&age=12');

示例**:鏈結

step3,編寫伺服器端的處理程式

跟以前相比,有一點點改變,就是一般不需要返回乙個完整的頁面,只需要返回部分資料。

step4,編寫事件處理函式

function f1()

}

如何使用Ajax

要完整實現乙個ajax同步呼叫和區域性重新整理,通常需要以下幾個步驟 1.建立xmlhttprequest物件,也就是建立乙個非同步呼叫物件 2.建立乙個新的http請求,並指定該http請求的方法,url 3.設定響應http請求狀態變化的函式 話不多說,伺候 建立xmlhttprequest物件...

C 如何使用ajax請求

ajax簡介 ajax 即 asynchronous j ascript and xml 非同步 j ascript 和 xml 是指一種建立互動式 快速動態網頁應用的網頁開發技術,無需重新載入整個網頁的情況下,能夠更新部分網頁的技術。通過在後台與伺服器進行少量資料交換,ajax 可以使網頁實現非同...

Ajax程式設計

目錄ajax 執行原理及實現 請求報文 請求引數的格式 獲取伺服器端的響應 ajax錯誤處理 低版本 ie 瀏覽器的快取問題 ajax 非同步程式設計 ajax 標準讀音 e d ks 中文音譯 阿賈克斯 它是瀏覽器提供的一套方法,可以實現頁面無重新整理更新資料,提高使用者瀏覽 應用的體驗。頁面上拉...