ajax基本封裝

2021-06-15 07:31:28 字數 1994 閱讀 3557

/*建立乙個基本的ajax應用不需要太多的**,大概三個步驟,幾十行**即可。

1,建立ajax的核心物件xmlhttprequest

因為瀏覽器之間的不相容,ie7之前的版本並沒有原生的xmlhttprequest物件卻實現為activex物件。

網際網路及各種書籍中有著多種建立方式,有的複雜很多行**,有的則簡潔很少**。當然複雜的考慮的情形更多一些。如下幾乎將ie中所有的情況都考慮到了。

*/

function cretaexhr()

catch(e){}

trycatch(e){}

trycatch(e){}

trycatch(e){}

trycatch(e){}

trycatch(e){}

trycatch(e){}

trycatch(e){}

trycatch(e){} return null;

}

/***較少的採用物件特性判斷,*/

/*我在這裡採用精簡方式,暫不考慮建立異常的情況。*/

/*2,傳送請求 */

xhr.open 

xhr.send 

/* 3,處理響應 */

xhr.onreadystatechange = function()  

}   

}  /*嗯,到這裡沒什麼特別的,所有的書籍上都是這麼幾個步驟來著。

對於初學者來說,要將這幾個步驟很好的封裝一下形成乙個良好的模組還是很困難的。

全域性變數滿天飛不知道怎麼去組織**,初學者開始都是這樣的。

現在想想是對一門語言沒有足夠的掌握,尤其是閉包。*/

/*這裡採用 單例模式 封裝成乙個物件,即只有乙個全域性的變數將其賦值給ajax,該物件有乙個request方法。request有兩個引數,第乙個為請求的url(必要的),字串型別,第二個opt為配置引數(可選的),物件型別。結果處理使用內部私有的_onstatechange函式。

完整**如下:*/

/**   * 執行基本ajax請求,返回xmlhttprequest   * ajax.request(url,);    */   

//如下請求後台的乙個servlet,傳送引數name=jack,age=20,預設使用非同步,get方式

ajax.request('servlet/servletjson',,failure : function(xhr)});  

ajax的基本封裝

ajax封裝title head 封裝者 function ajax method,url,params,done temparr key1 value1 key2 value2 params temparr.join temparr key1 value1 key2 value2 轉成了字串 if...

AJAX 基本的封裝

封裝 1.寫乙個相對比較完善的用例 2.寫乙個空函式,沒有形參,將剛剛的用例直接作為函式的函式體 3.根據使用過程中的需求抽象引數 傳送乙個 ajax 請求 param method 請求方法 param url 請求位址 param params 請求引數 param done 請求完成過後需要做...

Ajax基本知識 和封裝

建立 xhr 物件可以直接例項化 xmlhttprequest 在使用 xhr 物件時,先必須呼叫 open 方法,它接受三個引數 要傳送的 請求型別 get post 請求的 url 和表示是否非同步。open 方法並不會真正 傳送請求,而只是啟動乙個請求以備傳送。通過 send 方法進行傳送請求...