快速開始
var http = $.http;
http.get('/server', function() {
// 請求成功且返回status === true時的回調(diào)
});
初始化
默認會在發(fā)送請求時自動初始化, 但是也可以使用http.init(options)手動初始化。
初始化時的配置參數(shù)說明:
options.style: 初始化樣式
options.html: 初始化模板
options.title: 彈框提示的標題內(nèi)容, 可省
options.buttons: 彈框提示時的按鈕文字, 可省(buttons: {submit, cancel})
options.codeKey: 返回內(nèi)容的code部分的鍵名(默認為code)
options.statusKey: 返回內(nèi)容的status部分的鍵名(默認為status)
options.codeMaps: Object, 對應(yīng)code的錯誤提示內(nèi)容
options.messages: Object, 對應(yīng)400/500系列狀態(tài)碼的錯誤提示內(nèi)容
當(dāng)服務(wù)端返回的狀態(tài)碼為400/500等時, 彈框提示內(nèi)容為options.messages中的定義; 當(dāng)服務(wù)端返回的狀態(tài)碼為200系列時, 彈框提示內(nèi)容為options.codeMaps中的定義, 如果未定義, 則顯示res.message, 如果還沒有, 則提示默認錯誤內(nèi)容
發(fā)送ajax請求
除了$.ajax本身的配置項之外, 其余增加的配置如下:
options.uuid: 請求的唯一標記, 添加該標記則在該次請求結(jié)束之前無法重復(fù)提交該請求
options.loading: 是否顯示全屏loading, 默認為true
options.title: 彈框提示的標題內(nèi)容, 可省
options.buttons: 彈框提示時的按鈕文字, 可省(buttons: {submit, cancel})
options.alert: 是否彈框, 默認為true, 如果為'both', 則成功時也會彈框
options.ignore: 是否在status為false時執(zhí)行成功的回調(diào), 默認為true不執(zhí)行
options.confirm: 在操作前彈出確認框(confirm: {title, message})
方法名稱
http.init(options)
全局初始化配置橙垢。
http.ajax(options)
發(fā)送ajax請求垛叨。
http.get(url, [fn,] options)
發(fā)送get請求。 當(dāng)?shù)诙€參數(shù)為函數(shù)時, 則為請求成功時的回調(diào), 也可以省略第二個參數(shù), 此時第二個參數(shù)即為請求配置項參數(shù)柜某。
http.post(url, data, [fn,] options)
發(fā)送post請求嗽元。參數(shù)說明同get。
http.put(url, data, [fn,] options)
發(fā)送put請求喂击。參數(shù)說明同get剂癌。
http.delete(url, [fn,] options)
發(fā)送delete請求。參數(shù)說明同get翰绊。
輔助方法
http.info(message, title)
提示信息佩谷，標題title可省略旁壮。
http.warn(message, title)
提示信息，標題title可省略谐檀。
http.error(message, title)
提示信息抡谐，標題title可省略。
http.success(message, title)
提示信息桐猬，標題title可省略麦撵。
http.confirm(message, title, callback, fallback, buttons)
確認信息，其中以下字段可省略: title, fallback, buttons溃肪。
上下文context
在beforeSend免胃，complete，success和error回調(diào)函數(shù)中乍惊，如果沒有在options中指定上下文杜秸，則this默認指向$.http對象。
$('#sendPost').on('click', function () {
$.http.post('/success?status=1', {
a: 100
}, {
success: function(res){
this.info('操作成功');
}
})
});
