版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34461514/article/details/79373089
XHR,原生js方式
获取XHR对象
var xhr=false;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
发送数据示例
//再三确认
if(XHR==false){
var uri="sign.action";
XHR.open("post",uri,true);
XHR.setRequestHeader("Content-type","application/x-www-form-urlencoded");
XHR.send("date="+date);
XHR.onreadystatechange=signResult;
}
else
alert("XHR is NULL");
接收数据示例
function signResult(){
if(XHR.readyState==4 && XHR.status==200){
if(!XHR.responseText)
alert("...")
else{
...
}
}
}
JQuery的方式
get、post方式
$.get(action,function(result,statu){
switch(statu){
case "success":
...
}
},"json");
$.post(action,function(result,statu){
switch(statu){
case "success":
...
}
},"json");
ajax方式
//dateType为返回的数据类型
$.ajax({
url:url,
type:"POST",
data:data,
timeout:30000,
dataType:'json',
success:success,
error:function(xhr,status){
console.log(url+"数据获取错误:"+status);
}
})
附:获取项目根目录的方法
function getRootPath_dc() {
var pathName = window.location.pathname.substring(1);
var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
if (webName == "") {
return window.location.protocol + '//' + window.location.host;
}
else {
return window.location.protocol + '//' + window.location.host + '/' + webName;
}
}