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

最新推荐文章于 2023-02-24 18:17:02 发布

飘渺时光

最新推荐文章于 2023-02-24 18:17:02 发布

阅读量213

点赞数

分类专栏： Java Web 软件工程

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

版权

Java Web 同时被 2 个专栏收录

81 篇文章 1 订阅

订阅专栏

软件工程

5 篇文章 1 订阅

订阅专栏

依托jsp,编写ajax的get请求，体现异步处理。页面通过点击按钮出现请求回复的内容，同时服务器打印输出其他内容。

注意：xmlHttp.send(null);是因为get没有请求体，若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 'ajax1.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("GET","/Demoajax/AServlet",true);
			//第三步发送请求
			xmlHttp.send(null);//get请求没有请求体，但也要给出null,不然火狐浏览器可能会不能发送
			//第四步给出异步对象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>

浏览器：

服务器：

飘渺时光

关注

0
点赞
踩
0

收藏

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

依托jsp,编写ajax的get请求，体现异步处理。页面通过点击按钮出现请求回复的内容，同时服务器打印输出其他内容。注意：xmlHttp.send(null);是因为get没有请求体，若post则会填写相应数据。&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt;&lt;% String...
复制链接

扫一扫