前端之家收集整理的这篇文章主要介绍了
ajax请求restful接口端服务,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
var pageStatus="";
var dnsName = "localhost:7070"; // 本地
//获得URL后面带的参数,并封装成对象
function getRequest() {
var request = new Object();
//获得URL问号后面的字符串,包括问号
var param = window.location.search;
if (param != '') {
//去掉问号
param = param.substring(1);
//用‘&’,分离出带有的参数
var params = param.split("&");
//用‘=’,循环将参数分离成key-value形式,并封装到对象中
for (var i = 0; i < params.length; i++) {
var kv = params[i].split("=");
request[kv[0]] = kv[1];
}
}
return request;
}
//调用 获取首页html展示 接口-xxx/getData
function initHomePage(){
var request = getRequest();
var token = request['token'];
var customerId = request['customerId'];
var path = "http://" + dnsName + "/xxx/getData";
//
$.ajax({
type: 'POST',url: path,data: JSON.stringify({ token:token,customerId:customerId }),contentType: 'application/json;charset=utf-8',//默认: "application/x-www-form-urlencoded"
dataType:'json',timeout:10000,//超时时间设置,单位毫秒
cache:true,async:true,beforeSend:function(XMLHttpRequest){//发送请求前可修改 XMLHttpRequest 对象的函数
//add code
},dataFilter:function(data,type){// // 对Ajax返回的原始数据进行预处理
//add code
},success:function(data,textStatus){//服务器返回数据,返回状态:请求成功后回调函数
//alert(textStatus);
if(textStatus=='success'){
//alert(data.data.pageStatus);
pageStatus=data.data.pageStatus;
//
}else{
//
}
},error: function(XMLHttpRequest,textStatus,errorThrown) {//XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象:请求失败后回调函数
//alert('error1:'+XMLHttpRequest.status);//0
//alert('error2:'+XMLHttpRequest.readyState);//4
//alert('error3:'+textStatus);//abort/timeout
//alert("首页请求数据失败");
},complete:function(XMLHttpRequest,textStatus){//XMLHttpRequest 对象,返回状态:请求完成后最终调用
//alert(textStatus+'status:'+XMLHttpRequest.status);
//textStatus 可能为:null、'success'、 'notmodified'、 'error'、 'timeout'、 'abort'或'parsererror'等
if(textStatus=='error'){
alert("首页请求数据已出错");
}else if(textStatus=='timeout'){
alert("首页请求数据已超时");
}else if(textStatus=='abort'){
alert("首页请求数据已中断");
}
}
});
//
}
原文链接:https://www.f2er.com/ajax/161230.html