pengzzp@126.com
pengzzp@126.com
  • 发布:2019-11-21 11:34
  • 更新:2019-12-13 11:40
  • 阅读:512

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

分类:MUI

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();
})
});

2019-11-21 11:34 负责人:无 分享
已邀请:
trek

trek

本来就是跨域的呀

独木为夕

独木为夕 - 乾坤未定你我皆是黑马

兄弟 真机运行就OK了

  • pengzzp@126.com (作者)

    嗯嗯,好的。谢谢

    2019-12-07 23:40

  • 1015060890@qq.com

    到底怎么跨域啊,我怎么都实现不了是怎么回事

    2019-12-12 10:13

独木为夕

独木为夕 - 乾坤未定你我皆是黑马

真机或者模拟器运行 就不跨域了

要回复问题请先登录注册