微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Ajax4部曲

<%@ 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 ‘ajax_test.jsp‘ starting page</title>
<script type="text/javascript">
	function doAjax() {
		//1 创建对象
		var xhr = new XMLHttpRequest();

		//4.接收数据
		xhr.onreadystatechange = function() {
			
			if (xhr.readyState == 4) {
				document.getElementById("mydiv").innerHTML = xhr.responseText;
			} else {
				document.getElementById("mydiv").innerHTML = "<img src=‘739.gif‘>";
				
			} 
		}
		
		//2.创建请求
		xhr.open("get","hi",true);

		//3.发送请求
		xhr.send(null);
		

		
	}
</script>


</head>

<body>
	<button onclick="doAjax()">偷偷点我</button>
	<div id="mydiv"></div>
</body>
</html>

 servlet代码

package cn.ljs.servlet;

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

import javax.servlet.servletexception;
import javax.servlet.ServletoutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class Hiservlet extends HttpServlet {

	
	public void doGet(HttpServletRequest request,HttpServletResponse response)
			throws servletexception,IOException {
		this.doPost(request,response);
		
		
	}

	
	public void doPost(HttpServletRequest request,IOException {
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		
		
		try {
			Thread.sleep(5000);
		} catch (InterruptedException e) {
			// Todo Auto-generated catch block
			e.printstacktrace();
		}
		
		PrintWriter out = response.getWriter();
		out.write("aaa");
		System.out.println("成功了");
	}

}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐