ajax請求封裝

2022-05-04 05:57:11 字數 1734 閱讀 9907

/**

* 對封裝好的ajax請求進行呼叫

* */

ajax(, //請求引數

datatype:"json", // 返回值型別的設定

async:false, //是否非同步

success:function (response,xml) ,

fail:function (status)

});function ajax(options) ;

/*** 預設為get請求

* */

options.type = (options.type || "get").touppercase();

/*** 返回值型別預設為json

* */

options.datatype = options.datatype || 'json';

/*** 預設為非同步請求

* */

options.async = options.async || true;

/*** 對需要傳入的引數的處理

* */

var params = getparams(options.data);

var xhr;

/*** 建立乙個 ajax請求

* w3c標準和ie標準

* 物件引數的處理

* @param data

* @returns

*/function getparams(data)

console.log(arr);

arr.push(('randomnumber=' + math.random()).replace('.'));

console.log(arr);

return arr.join('&');

}

// myajax

var myajax = (function()

var ajax = function(options)

// http 物件

// 監聽

xhr.onreadystatechange = function()else

ajaxsuccess(result)}}

}// post

if(options.type.tolowercase() === 'post')

xhr.send(options.data);

function ajaxsuccess(data)

} // 閉包返回

return ajax;

})()

var success = function(data)

var complete = function(status)else

}myajax( );

封裝ajax請求

封裝ajax請求 把get請求和post請求封裝成乙個函式 我們需要傳送請求的時候直接低啊用 因為get和post請求引數是不一樣的 封裝成兩個函式 乙個叫做getsend 乙個叫做postsend 1 寫一遍完整流程 2 把步驟封裝起來就可以了function getsend url,cb 1 建...

promise axios封裝ajax請求的函式

1.axios.js檔案 ajax請求函式模組,返回值 promise物件 非同步返回的資料是 response.data import axios from axios export default function ajax url,data type get if datastr 傳送get請...

原生ajax封裝請求

封裝ajax function ajax obj else 2.開啟請求 第乙個引數表示請求方式,值為get post,是字串 第二個引數表示請求的位址 第三個引數是布林值,預設是true表示非同步,false表示同步 xhr.open obj.type,obj.url,obj.async 3.判斷...