Javascript 如何使用数据库检查用户名和密码以显示错误消息？
我在DynamicProject中创建了一个登录页面（HTML）。我想用mysql数据库检查用户名和密码，如果用户名或密码不正确，则在同一页面上显示错误消息。 我不想在这里使用servlet来显示错误页面，因为我想显示错误消息而不是错误页面。 如何在DynamicWebProject中实现这一点。Javascript 如何使用数据库检查用户名和密码以显示错误消息？,javascript,jquery,html,Javascript,Jquery,Html,我在DynamicProject中创建了一个登录页面（HTML）。我想用mysql数据库检查用户名和密码，如果用户名或密码不正确，则在同一页面上显示错误消息。 我不想在这里使用servlet来显示错误页面，因为我想显示错误消息而不是错误页面。 如何在DynamicWebProject中实现这一点。 我可以使用javascript、jQuery、JSP或它们的任意组合吗？我不熟悉JSP，但下面是您需要的概述： index.html <!DOCTYPE HTML> <html>
我可以使用javascript、jQuery、JSP或它们的任意组合吗？我不熟悉JSP，但下面是您需要的概述： index.html
<!DOCTYPE HTML>
<html>
<head>
<title>Web Form</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('form').on('submit', function(e) {
// don't let the browser submit the form
e.preventDefault();
// send form data to JSP page
$.ajax({
url: 'process.jsp',
async: true,
cache: false,
type: 'POST',
data: $(this).serialize(),
dataType: 'html',
success: function(data) {
// place message in error box
$('#error_box').html(data);
// if "Success" then redirect if you would like
if(data === 'Success!'){
// window.location = 'some other page/website';
}
}
});
});
});
</script>
</head>
<body>
<form method="POST" action="process.jsp">
<input type="text" name="username" />
<input type="password" name="password" />
<input type="submit" value="submit" />
</form>
<div id="error_box"></div>
</body>
</html>
网络表单
$（文档）.ready（函数（）{
$（'form'）。关于（'submit'，函数（e）{
//不要让浏览器提交表单
e、 预防默认值（）；
//将表单数据发送到JSP页面
$.ajax({
url:'process.jsp'，
async:true，
cache:false，
键入：“POST”，
数据：$（this）.serialize（），
数据类型：“html”，
成功：功能（数据）{
//将消息放入错误框
$（'#error_box'）.html（数据）；
//如果“成功”，则如果愿意，请重定向
如果（数据=='Success！'）{
//window.location='其他页面/网站'；
}
}
});
});
});
// I don't know JSP
// use the POST values and check your DB
// Upon success/failure just echo the message
// <%='Success!'%>
// <%='Failed!'%>
//我不懂JSP
//使用POST值并检查数据库
//成功/失败后，只需回显信息即可
//
//