在前端異步擷取資料時候每次都是使用 ajax；為了通用性更好，然而封裝通用的 ajax 是一個一勞永逸的辦法。
本次基于 jQuery 封裝實作；
第一步： 引入 jQuery：
第二步：實作代碼：
// 該封裝基于 jQuery
var sendAjax = function(method, url, data, successfn, errorfn) {
$.ajax({
type: method,
url: url,
data: data,
success: function(d){
successfn(d);
},
error: function(e){
errorfn(e);
}
});
}
// 注意：
// 1.1 data 資料格式根據需求處理
// 1.2 successfn 和 errorfn 根據需要自行定義
// 例如：
var __main = function() {
// 請求方法
var method = 'GET'
// 請求位址
var url = 'main/test'
// 資料格式處理
var datas = {name: 'zhangsan', age: '25'}
var data = JSON.stringify(datas)
// 成功調用函數
var demoSuccessfn = function(testSuccess) {
if(testSuccess === 'success') {
console.log('success')
} else {
console.log('reponse have some question.')
}
}
// 失敗調用函數
var demoErrorfn = function(testError) {
if(testError === 'error') {
console.log('error')
} else {
console.log('have error information.')
}
}
// 實作調用
sendAjax(method, url, data, successfn, errorfn)
}
相關連結