Ajax函式封裝

備份

function

ajax
(options)
, header:
, success:
function()
, error:
function()
}//使用options中的屬性覆蓋defaults物件中的屬性
object.
assign
(defaults,options)
//建立ajax物件
;//拼接請求引數的變數
var params=
''for
(var attr in defaults.data)
//將引數最後面的&擷取掉
//將街區的結果重新賦值給params變數
params= params.
substr(0
,params.length-1)
/*原本
變成name=zhangsan&age=20
*///判斷請求方式
if(defaults.type==
'get'
)//配置ajax物件
xhr.
open
(defaults.type,defaults.url)
//如果請求方式為post
if(defaults.type==
'post'
)else
}else
//監聽xhr物件下面的onload事件
//當xhr物件接收完響應資料後觸發
xhr.
onload
=function()
//當http狀態碼等於200的時候
if(xhr.status==
200)
else}}
ajax(,
error:
function
(data)})
/* 請求引數要考慮的問題
1請求引數位置問題 
將請求引數傳遞到ajax函式內部，在內部根據請求方式的不同將請求引數放置在不同的位置
get放在請求位址的後面
post放在send方法中
2請求引數格式的問題
apllication/x-www-form-urlencoded
引數名稱=引數值&引數名稱=引數值
name=zhangsan&age=20
1傳遞物件資料型別對於函式的呼叫者更加友好
2在函式內部物件資料型別轉換為字串資料型別更加方便
*/```

封裝ajax函式

function ajax options header success function error function 使用options物件中的屬性覆蓋defaults物件中的屬性,object.assign defaults,options 建立ajax物件 拼接請求引數的變數 var par...

Ajax函式的封裝

封裝乙個ajax 函式，每次呼叫ajax函式的時候只需要傳遞乙個物件，物件中包含請求型別 請求位址 要傳遞的引數 content type等等 當沒有傳遞某些引數的時候，將使用某些預設值 函式中自定義默寫預設值 具體的函式封裝如下 function ajax obj contenttype succ...

Ajax函式封裝 筆記

一 ajax函式 function ajax options header success function error function 使用options物件中的屬性覆蓋defaults物件中的屬性 object.assign defaults,options 建立ajax物件 拼接請求引數的變...