前言
- 前段学习是一个长期积累的过程,必须学会记录和回头看
- 尽管自己是一个菜鸟,但是有心成为一个大牛
- 好了,分享一个最近自己灵机一动的封装
既然说了是一个关ajax的封装,当然不是封装原生,基于JQ.
在开发过程中,可能会遇到开发是和上线后会切换域名的情况
所以,此方法就是解决这个问题的。
var api = (function(){
function Api (){
this.api = "http://xxx.xxx.com"
this.jsonpHash = "?"
}
Api.prototype.setJsonpPath = function(path){
return this.api + path + this.jsonpHash;//拼接接口
}
Api.prototype.getProduct = function(){//截取url传来的参数
var e = window.location.search;
var g = e.indexOf("=") + 1;
var u = e.slice(g)
return u;
}
Api.prototype.bannerList = function(product_id_list) {
var oPath = '';
oPath += 'product_id_list' + '=' + product_id_list;
return this.setJsonpPath('/product/list/id/') + oPath;
}
Api.prototype.getOrderList = function(s, page_no, page_size) {
var oPath = '';
oPath += 's' + '=' + s;
if(page_no) {
oPath += '&' + 'page_no' + '=' + page_no;
}
if(page_size) {
oPath += '&' + 'page_size' + '=' + page_size;
}
return this.setJsonpPath('/order/list/') + oPath;
}
Api.prototype.getUserAdd = function(id, user_id) {
//获取用户地址/address/info/
var oPath = '';
oPath += 'id' + '=' + id;
oPath += '&' + 'user_id' + '=' + user_id;
return this.setJsonpPath('/address/info/') + oPath;
}
return new Api;
})()
function ajax(URL, successCallback){
$.ajax({
type: "get",
url: URL,
dataType: "jsonp",
success: function(d){
successCallback(d)
}
})
}
网友评论