JS HTTP调用
1.URL
var APICommonBase = Common.defineNS("APICommonBase");
APICommonBase.BaseUrl = "http://XXX/api/wap/v1_6/";
APICommonBase.GetUsersAll = function () {
return this.BaseUrl + "users";
}
APICommonBase.GetUsers=function(){
return this.BaseUrl+"getAll";
}
2.定义公共调用方法
var self = Common.defineNS("APICommon");
self.Get = function (url, data) {
$.get(url, { data }, function (d) {
if (d != '' && d != null)
return d;
});
}
self.Post=function(url,data){
$.post(url,{data},function(d){
if(d!='' && d!=null)
return d;
});
}
self.Ajax=function(url,type,data,async){
$.ajax({
type: type,
url: url,
data:data,
async:async,
success:function(d){
if(d!='' && d!=undefined)
return d;
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("失败");
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
});
}
self.AjaxCallBack=function(url,type,data,async,callback){
$.ajax({
type: type,
url: url,
data:data,
async:async,
success:callback,
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("失败");
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
});
}
3.页面调用
<script src="../plugins/jquery-1.11.1.min.js"></script> <script src="../scripts/common/DefineNS.js"></script> <script src="../scripts/common/WebApi.js"></script> <script src="../scripts/common/DataBind.js"></script> <script> var comminAPI=Common.APICommon; var dataBind=Common.DataBind; $(document).ready(function(){ comminAPI.Ajax(Common.APICommonBase.GetUsersAll(),'GET',null,false); comminAPI.AjaxCallBack(Common.APICommonBase.GetUsersAll(),'GET',null,false,UserNameCallback); //comminAPI.Ajax(Common.APICommonBase.GetUsers(),'GET'); }); function UserNameCallback(data){ alert(data); if(data!='' && data!=undefined) { var title=['UserKey','Id','Name','Code','Account','JobNumber','Cellphone','Phone','Active','DomainAccount','Password','SortSn','Comment','Email','IdCard','Birthday','Sex','Address','PostNo','Extend']; $('#testname').html(dataBind.ToTable(title,data)); } } </script>