Ajax 提交给servelt处理后返回输出

最新推荐文章于 2021-09-24 22:45:09 发布

a771948524

最新推荐文章于 2021-09-24 22:45:09 发布

阅读量900

点赞数

分类专栏： Ajax

本文链接：https://blog.csdn.net/zxlstudio/article/details/17192433

版权

Ajax 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
enter name:<input type="text" id="inputdisplay" size="25" />
<button type="button" οnclick=" sendMessageToServer()">send to server:</button><br/>
reply received from server:<input type="text" id="textdisplay" size=30 />
<script type="text/javascript">
	var xmlHttpRequest;
	if(window.XMLHttpRequest){
		xmlHttpRequest=new XMLHttpRequest();
	}else if(window.ActiveXObject){
		xmlHttpRequest=new ActiveXObject("MICROSOFT.XMLHTTP");
	}
	function sendMessageToServer(){
		xmlHttpRequest.open("POST","AjaxDemoServlet?name="+document.getElementById('inputdisplay').value,true);
		xmlHttpRequest.onreadystatechange=receiveMessageFromServer;
		xmlHttpRequest.send();
		documnet.getElementById('inputdisplay').value="";
	}
	function receiveMessageFromServer(){
		/* xmlHttpRequest.readyState==4 --> the XMLHttpRequest has loaded the data transfer has commpleted */
		/* xmlHttpRequest.status==200 --> ok -the request was fulfilled */
		if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200)
			document.getElementById('textdisplay').value = xmlHttpRequest.responseXML.getElementsByTagName("responseFromServer")[0].text;
	}
</script>

</body>
</html>

package com.zxl.ajax;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class AjaxDemoServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       

    public AjaxDemoServlet() {
        super();
        // TODO Auto-generated constructor stub
    }


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


	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		System.out.println("server received the following message from client: "+request.getParameter("name"));
		response.setContentType("text/xml");
		response.getWriter().println("<responseFromServer>hi "+request.getParameter("name")+"</responseFromServer>");
		System.out.println("server replied with the following message to client: hi "+request.getParameter("name"));
	}


}

a771948524

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax 提交给servelt处理后返回输出

Insert title hereenter name:send to server:reply received from server: var xmlHttpRequest; if(window.XMLHttpRequest){ xmlHttpRequest=new XMLHttpRequest(); }else if(window.ActiveXObject){
复制链接

扫一扫