Ajax的异步处理之post请求响应XML

最新推荐文章于 2021-06-29 04:42:10 发布

飘渺时光

最新推荐文章于 2021-06-29 04:42:10 发布

阅读量361

点赞数

分类专栏： Java Web

本文链接：https://blog.csdn.net/zhang_09_11/article/details/86426130

版权

Java Web 专栏收录该内容

81 篇文章 1 订阅

订阅专栏

AjaxPOST请求:

post响应的页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'ajax2.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
</head>
<script type="text/javascript">
	//创建异步对象
	function createXMLHttpRequest() {
		try {
			return new XMLHttpRequest();
		} catch (e) {
			try {
			return ActiveXObject("Msxm12.XMLHTTP");//IE6.0
			} catch (e) {
				try {
				return  ActiveXObject("Microsoft.XMLHTTP");//IE5.5以下版本
				} catch (e) {
				alert("请问你用的是什么浏览器？");
				throw e;
				}
			}
		}
	};
	window.onload = function() { //文档加载完毕后执行
		var btn1 = document.getElementById("btn1");
		btn1.onclick = function() { //按钮事件注册监听
			/*Ajax的四步操作
			        目的得到服务器的响应，把相应结果显示到h1
			*/
			//第一步得到异步对象
			var xmlHttp= createXMLHttpRequest();
			//第二步打开与服务器的连接
			/*参数：指定请求方式，指定请求的url,指定是否为异步请求
			*/
			xmlHttp.open("POST","/Demoajax/AServlet",true);
			//第三步发送请求
            //设置Content-Type
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
			xmlHttp.send("name=小名&sex=男");//请求体
			//第四步给出异步对象onreadystatechange事件注册监听器
			xmlHttp.onreadystatechange=function(){//当xmlHttp的状态码发生改变时执行 
			//双重判断：xmlHttp的状态为4和服务器响应的状态码为200
			if(xmlHttp.readyState==4&&xmlHttp.status==200){
			//获取服务器的响应结束
			var text=xmlHttp.responseText;
			//获取h1元素
			var h1=document.getElementById("h1");
			h1.innerHTML=text;
			}
			
			}
		}
	}
</script>
<body>
	<button id="btn1">你可以点击这里</button>
	<h1 id="h1"></h1>
</body>
</html>

对应的Servlet的doPost方法:

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		System.out.print("hello post");
		String nameString=request.getParameter("name");
		String sexString=request.getParameter("sex");
		System.out.println("info:"+nameString+sexString);
		response.getWriter().print("hello ajax2"+"请求头内容："+nameString+sexString);
	}

POST需要设置请求头：Content-Type

xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

飘渺时光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax的异步处理之post请求响应XML

AjaxPOST请求:post响应的页面：&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt;&lt;%String path = request.getContextPath();String basePath = request.getScheme()+"://"+reques...
复制链接

扫一扫

专栏目录