AJAX 基本的封裝

2022-02-23 18:45:39 字數 816 閱讀 7664

封裝:

1. 寫乙個相對比較完善的用例

2. 寫乙個空函式,沒有形參,將剛剛的用例直接作為函式的函式體

3. 根據使用過程中的需求抽象引數

/**

* 傳送乙個 ajax 請求

* @param method 請求方法

* @param url 請求位址

* @param params 請求引數

* @param done 請求完成過後需要做的事情(委託/**)

})//如果是 get 請求就設定 url 位址 問號引數

if (method === 'get')

xhr.open(method, url)

//如果是 post 請求就設定請求體

var data = null

if (method === 'post')

xhr.send(data)

}

ajax基本封裝

建立乙個基本的ajax應用不需要太多的 大概三個步驟,幾十行 即可。1,建立ajax的核心物件xmlhttprequest 因為瀏覽器之間的不相容,ie7之前的版本並沒有原生的xmlhttprequest物件卻實現為activex物件。網際網路及各種書籍中有著多種建立方式,有的複雜很多行 有的則簡潔...

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的基本使用及封裝

ajax流程 建立ajax物件 1.傳送請求 傳送請求位址 傳送請求的方式 2.傳送資料 3.設定監聽事件,監聽後端是否返回資料 4.處理資料 get請求 建立ajax物件 設定請求的路徑和方法,get post get 表單提交的資料會拼接到請求的路徑裡,效率高 post 會將表單的資料放置到請求...