ajax请求restful接口端服务

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Ajax相关文章