Ajax封裝技術

2021-07-15 09:57:45 字數 854 閱讀 7948

ajax封裝技術

/**

* * @param method 表示提交的方式

* @param url 表示提交的位址

* @param params 表示提交的引數 key=val&key1=val1&.....

* @param handler200 處理成功

* @param handler404 處理資源未找到

* @param handler500 處理伺服器錯誤

* @param loading 載入效果

* * ajaxutil("get","ajax?age=12","username=lisi&password=123123")

* *

* */

function ajaxutil(method,url,params,handler200,handler404,handler500,loading)else if(window.activexobject)

//監聽

request.onreadystatechange =function()

}else if(request.status == 404)

}else if(request.status == 500)

}}else

} };

//get方式提交

if(method.tolowercase() == "get")

request.open(method, url);

request.send(null);

}else if(method.tolowercase() == "post")

}

理解ajax技術,封裝原生 ajax請求

優點 缺點 核心 工作原理 對比 1.xmlhtttprequest物件 是ajax技術 的核心 2.xhr物件 的屬性 readystate 返回 請求的狀態 數字格式 狀態 名稱描述 0uninitialized 初始化狀態 xmlhttprequest 物件已建立 或 已被 abort 方法重...

ajax基本封裝

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

簡單封裝ajax

網上資源的 質量參差不齊,所以我還是自己記錄一下吧 function ajax opction else 統一大小寫,匹配下面的判斷 let type opction.type touppercase 用於請求時表示為不同的請求,以防獲取快取值 let random math.random if t...