初学者在做做登陆界面使用 jQuery ajax()方法时直接出现 error， XMLHttpRequest.status=0,XMLHttpRequest.readyState=0,textStatus=error
MMMcrystal · 2019-08-25 15:50:55 +08:00 · 4986 次点击这是一个创建于 1917 天前的主题，其中的信息可能已经有所发展或是发生改变。
因为使用了登录页面的模板，把 button 的 type 改为 button，但还是有问题
是在一个 wifi 里进行访问的
以下为 body 的代码
<body class="bg-primary">
<div class="unix-login">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="login-content">
<div class="login-logo">
<a href="index.html"><span>Focus</span></a>
</div>
<div class="login-form">
<h4>Administratior Login</h4>
<form>
<div class="form-group">
<label>用户名</label>
<input id="name" type="text" class="form-control" placeholder="用户名">
</div>
<div class="form-group">
<label>密码</label>
<input id="pwd" type="password" class="form-control" placeholder="密码">
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Remember Me
</label>
<label class="pull-right">
<a href="#">Forgotten Password?</a>
</label>
</div>
<button id="loginbtn" type="button" class="btn btn-primary btn-flat m-b-30 m-t-30">登录</button>
<div class="register-link m-t-15 text-center">
<p>Don't have account ? <a href="#"> Sign Up Here</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/lib/jquery.min.js"></script>
<script>
$(function(){
$("#loginbtn").click(
function (){
var name=$("#name").val();//获取页面中登录名和密码
var pwd=$("#pwd").val();
if(name==""|| pwd==""){//判断两个均不为空（其他判断规则在其输入时已经判断）
alert("账号密码均不能为空！")
return false;
}else{//以上均符合要求，则调用登录 esb 接口
$.ajax({
url:'192.168.0.163:8080/e-learning/login',//相对应的 esb 接口地址
data:{"username":name,"password":pwd},//向服务器（接口）传递的参数
type:'POST',
dataType:'json',
success:function(data){//服务器（接口）返回来的数据
if(data.code==100){//如果返回来的信息说明提交的信息为正确的
window.location.href='index.html';//正确登录后页面跳转至
}
else{//如果返回来的信息说明提供的信息为错误的
alert(data.message);
$("#name").val("");
$("#pwd").val("");
return false;
}
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert("失败");
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
})
}
}
);
})
</script>
</body>
是在一个 wifi 里进行访问的
以下为 body 的代码
<body class="bg-primary">
<div class="unix-login">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="login-content">
<div class="login-logo">
<a href="index.html"><span>Focus</span></a>
</div>
<div class="login-form">
<h4>Administratior Login</h4>
<form>
<div class="form-group">
<label>用户名</label>
<input id="name" type="text" class="form-control" placeholder="用户名">
</div>
<div class="form-group">
<label>密码</label>
<input id="pwd" type="password" class="form-control" placeholder="密码">
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Remember Me
</label>
<label class="pull-right">
<a href="#">Forgotten Password?</a>
</label>
</div>
<button id="loginbtn" type="button" class="btn btn-primary btn-flat m-b-30 m-t-30">登录</button>
<div class="register-link m-t-15 text-center">
<p>Don't have account ? <a href="#"> Sign Up Here</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/lib/jquery.min.js"></script>
<script>
$(function(){
$("#loginbtn").click(
function (){
var name=$("#name").val();//获取页面中登录名和密码
var pwd=$("#pwd").val();
if(name==""|| pwd==""){//判断两个均不为空（其他判断规则在其输入时已经判断）
alert("账号密码均不能为空！")
return false;
}else{//以上均符合要求，则调用登录 esb 接口
$.ajax({
url:'192.168.0.163:8080/e-learning/login',//相对应的 esb 接口地址
data:{"username":name,"password":pwd},//向服务器（接口）传递的参数
type:'POST',
dataType:'json',
success:function(data){//服务器（接口）返回来的数据
if(data.code==100){//如果返回来的信息说明提交的信息为正确的
window.location.href='index.html';//正确登录后页面跳转至
}
else{//如果返回来的信息说明提供的信息为错误的
alert(data.message);
$("#name").val("");
$("#pwd").val("");
return false;
}
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert("失败");
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
})
}
}
);
})
</script>
</body>
 |
1
kltt22 2019-08-25 18:24:40 +08:00 via Android
f12 会有报错信息的
|
 |
2
guolaopi 2019-08-26 09:29:05 +08:00
盲猜返回数据格式不是 JSON
|
Select Language