转载请注明出处并留个言哈,分享快乐~!
request.js文件,注意网页头部script标签加载顺序
function myAjax(json, callback) {
var p = new Promise(function (resolve, reject) {
$.ajax({
url: json.url, //请求的url地址
dataType: json.dataType, //返回格式为json
async: json.isAsync,//请求是否异步,默认为异步,这也是ajax重要特性
data: json.data, //参数值
type: json.method, //请求方式
success: function (response) {
//请求成功时处理
callback(response);
resolve();
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//请求出错处理
if (XMLHttpRequest.status == "401") {
window.parent.location = '/enterprise/enterprise_login.html';
self.location = '/enterprise/enterprise_login.html';
} else {
alert(XMLHttpRequest.responseText);
}
reject();
}
});
});
return p;
}
/**
* 请求get方法
* url
* data 以对象的格式传入
*/
function getRequest(url, data, callback) {
return myAjax({
url: url,
method: 'GET',
dataType: 'json',
isAsync: true,
data: data,
header: {
'Content-Type': 'application/json'
}
},callback)
}
/**
* 请求post方法封装
* url
* data 以对象的格式传入
*/
function postRequest(url, data, callback) {
return myAjax({
url: url,
method: 'POST',
dataType: 'json',
isAsync: true,
data: data,
header: {
"content-type": "application/json"
},
},callback)
}
任意网页加载后直接复用代码调用,示例:
var indexData = postRequest("http://cms.hyphone.top/api/Cms/index",'',(res)=>{
console.log("+++++++++++",res);
});
嵌套调用示例:
ajax('/prefix/entity1/action1',null, function(res){
//第一个调用ajax应该做的事
someData.attr1 = res.attr1;
ajax('/api/action1', someData, function(res){
//do something on response
}
}).then(
//第二个调用ajax应该做的事
ajax('/api/action2', someData, function(res){
//do something on response
}
).then(
//第三个调用ajax应该做的事
initVue() ;
).then(
//以此类推
)
今日分享:
明白的越早越好!
- 早买房子,越早越好
- 车子便宜的就行,能代步即可
- 一定要学会演讲
- 东西长期用药买好的
- 别与亲朋好友深度合作
- 树立终身学习的观念
- 坚持锻炼身体
- 习惯孤独,习惯一个人
- 一定要学创业,不要一直选打工
- 打工要干有提成的,别干固定工资的