初学者在做做登陆界面使用 jQuery ajax()方法时直接出现 error， XMLHttpRequest.status=0,XMLHttpRequest.readyState=0,textStatus=error

因为使用了登录页面的模板，把 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>