使用 MUI 和 H5+ 开发APP的ajax请求后台数据如何实现跨域呢

分类：MUI

5+App开发

mui.plusReady(function () {
//0、获取验证码图片信息
getCodeImage();
//1.获取登入表单
var loginForm = document.getElementById("loginForm");
var username = document.getElementById("username");
var password = document.getElementById("password");
var validateCode = document.getElementById("validateCode");
//2.监听表单的提交事件
loginForm.addEventListener("submit",function(e){
//3.做非空判断
if(!appFaction.isNotNull(username.value)){
alert("账号不能为空！");
//获得焦点
username.focus();
return false;
}else if(!appFaction.isNotNull(password.value)){
alert("密码不能为空！");
//获得焦点
password.focus();
return false;
} else if(!appFaction.isNotNull(validateCode.value)){
alert("验证码不能为空！");
//获得焦点
validateCode.focus();
return false;
} else{
if(username.value.length > 12){
alert("账号长度不能超过12");
return false;
}else if(password.value.length > 12){
alert("密码长度不能超过12");
return false;
}
}
//注册提交
mui.ajax(appFaction.ip()+'/login',{
data:{
username:username.value,
password:password.value,
validateCode:validateCode.value,
rememberMe:true
},
//dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
//headers:{'Content-Type':'application/json'},
success:function(data){
//服务器返回响应，根据响应结果，分析是否登录成功；
if(data.code == 0){
//alert("登入成功！！");
console.log("登入成功！！！！！！")
//将当前用户信息保存到手机端
appFaction.setUserInfo(data.data);
//窗口的跳转
mui.openWindow("index.html","index.html");
}
},
error:function(xhr,type,errorThrown){
//异常处理；
console.log(type);
}
});
//阻止其默认行为
e.preventDefault();
})
});