ajax的基本使用及封裝

2021-10-09 08:08:00 字數 1536 閱讀 1472

ajax流程

建立ajax物件

1.傳送請求->傳送請求位址->傳送請求的方式

2.傳送資料

3.設定監聽事件,監聽後端是否返回資料

4.處理資料

get請求

//建立ajax物件

//設定請求的路徑和方法,'get','post'

//'get'表單提交的資料會拼接到請求的路徑裡,效率高

//'post'會將表單的資料放置到請求的body裡,資料大,安全

//建立請求並未傳送

xhr.

open

('get'

,' '

)//傳送請求

xhr.

send()

//監聽後端是否返回資料

xhr.

onreadystatechange

=function()

//判斷status readystate

}

post請求

)//傳送請求

xhr.

send

('username=admin$password=123456'

)//監聽後端是否返回資料

xhr.

onreadystatechange

=function()

//判斷status readystate

}封裝ajax

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

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