登录页面ajax提交

最新推荐文章于 2023-05-22 23:12:02 发布

kitajima--

最新推荐文章于 2023-05-22 23:12:02 发布

阅读量1.1w

点赞数 2

分类专栏： ajax 文章标签： jsp ajax input button action

本文链接：https://blog.csdn.net/masuwen/article/details/6644327

版权

ajax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一：

jsp登录页面：

<body>
		<h1 align="center">用户登录</h1>
		<div align="center" style="font-size: 20px;">
	        <form id="loginForm" name="loginForm" action="${pageContext.request.contextPath}/user/login" method="post">
	          <table  align="center">
					  <tr>
					    <td>用户名：</td>
					    <td colspan="2"><input type="text" name="username" id="username" /></td>
					  </tr>
					  <tr>
					    <td>密  码：</td>
					    <td colspan="2"><input type="password" name="password" id="password" /></td>
					  </tr>
					    <td colspan="3" align="center">
					    <input id="login_submit_button" type="button" value="登录"  οnclick="loginSubmit(this.form);" />
					    </td>
					  </tr>
				</table>
        	</form>
        </div>
   </body>

二，js写法：

<head>
		<title>用户登录</title>
		<script src="${pageContext.request.contextPath}/js/jquery-1.4.min.js" type="text/javascript"></script>
	</head>
	<script type="text/javascript">
		function loginSubmit(form) {
				$.ajax( {
					type : "POST",
					url : "${pageContext.request.contextPath}/user/login",
					data : $("#loginForm").serialize(),
					success : function(msg) {
						if ((msg == "true")) {
							alert("登录成功。");
							window.location.href = "${pageContext.request.contextPath}/add_user";
						} else {
							if(msg=="false"){
								alert("登录失败。");
							}
						}
					}
				});	
			
	}
	</script>