使用Ajax由html向Servlet传值

最新推荐文章于 2025-03-22 16:22:51 发布

bingoCoder

最新推荐文章于 2025-03-22 16:22:51 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： java 文章标签： Ajax Servlet

本文链接：https://blog.youkuaiyun.com/bingocoder/article/details/80528705

java 专栏收录该内容

34 篇文章

订阅专栏

前端代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
<script type="text/javascript">

	function createXMLHttpRequest() {
		var XMLHttpRequest1;
		if(window.XMLHttpRequest) {
			XMLhttpRequest1 = new XMLHttpRequest();
		}else if(window.ActiveXObject) {
			try{
				XMLHttpRequest1 = new ActiveXObject();
			}catch(e){
				XMLHttpRequest1 = new ActiveXObject("MicroSoft.XMLHTTP");
			}
		}
		return XMLHttpRequest1;
	}
	
	function ajax() {
		var param1 = document.getElementById("param1").value;
		var param1 = document.getElementById("param1").value;
		var XMLHttpRequest1 = createXMLHttpRequest();
		var url = "./AjaxServlet"
		XMLHttpRequest1.open("POST",url,true);
		XMLHttpRequest1.setRequestHeader("Content-type","application/x-www-form-urlencode");
		XMLHttpRequest1.send("param1="+param1+",param2="+param2);
		XMLHttpRequest1.onreadystatechange = function() {
			if(XMLHttpRequest1.readyState == 4) {
				if(XMLHttpRequest1.status == 200) {
					alert(XMLHttpRequest1.responseText);
				}else{
					alert("网络连接中断！");
				}
			}
		};
	}
</script>
</head>
<body>
<input type ="text" id="param1">
<input type ="text" id = "param2">
<button onclick = "ajax();">Go!</button>
</body>
</html>

Servlet代码：

package com.jmd.bingo;

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

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


public class AjaxServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public AjaxServlet() {
        super();
        }


	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		PrintStream out = new PrintStream(response.getOutputStream());
		response.setContentType("text/html;charset = utf-8");
		out.print("请正常打开网页！");
	}

	
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		String param1 = request.getParameter("param1");
		String param2 = request.getParameter("param2");
		response.setContentType("text/html;charset = utf-8");
		PrintWriter pw = response.getWriter();
		pw.print("前台传来了参数：parameter1 ="+param1+",parameter2 = "+param2);
		pw.flush();
		pw.close();
		
	}

}