日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

適合初學者學習ajax表單提交的全部代碼

作者：四葉草的蛻變 更新時間： 2022-01-02 編程語言

初學者學習ajax表單提交

適合初學者學習ajax表單提交的全部代碼如下：

1. index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery-3.3.1/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("#ti").click(function() {
					var data = $("form").serialize();
					$.ajax({
						type: "post",
						url: "login",
						data: data,
						dataType: "text",
						success: function(msg) {
							if(msg == "userNameEmptyError"){
								alert("用戶名不能為空")
							}else if(msg == "userPassEmptyError"){
								alert("用戶密碼不能為空")
							}else if(msg == "loginSuccess"){
								window.location.href = "success.jsp";
							}else if(msg == "loginFailed"){
								alert("用戶名或密碼錯誤")
							}
						},
						error: function(msg) {
							alert("報錯了");
						}
					})
				})
			});
		</script>
	</head>
	<body>
		<form method="post" id="form">
			<input type="text" name="userName"value="" />
			<input type="password" name="userPass" />
			<input type="submit" id="ti" value="登錄"/>
		</form>
		
	</body>
</html>

2. A.java

package z;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/login")
public class A extends HttpServlet {
	private static final long serialVersionUID = 1L;

	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doPost(request, response);
	}

	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		
		request.setCharacterEncoding("UTF-8");
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		
		String userName = request.getParameter("userName");
		String userPass = request.getParameter("userPass");
		if(userName==null||"".equals(userName)) {
			out.write("userNameEmptyError");
			return;
		}else if(userPass==null||"".equals(userPass)) {
			out.write("userPassEmptyError");
			return;
		}else if("admin".equals(userName)&&"admin".equals(userPass)) {
			out.write("loginSuccess");
			return;
		}else {
			out.write("loginFailed");
			return;
		}
		
	}

}

2. success.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
登錄成功
</body>
</html>

原文鏈接：https://blog.csdn.net/qq_53939067/article/details/122104293

欄目分類
最近更新