因为使用了登录页面的模板，把 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>
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。