第一个Ajax程序

最新推荐文章于 2024-02-05 22:28:19 发布

Sundy_Xu

最新推荐文章于 2024-02-05 22:28:19 发布

阅读量795

点赞数

分类专栏： Ajax Java EE学习

本文链接：https://blog.csdn.net/xuxian361/article/details/8135405

版权

Java EE学习同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

Ajax

2 篇文章 0 订阅

订阅专栏

content.html

  Hello World!!

ajax_receive_content.jsp

<%@ 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%>">
   
  </head>
  
  <body>
   
   <script type="text/javascript" language="JavaScript">
   var xmlHttp;
   function createXMLHttpRequest()
   {
   		if(window.XMLHttpRequest)
   		{
   			xmlHttp = new XMLHttpRequest();				//火狐内核
   			
   		}
   		else
   		{
   			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");		//IE内核
   		}
   }
   function showMsg()
   {
   		createXMLHttpRequest();
   		xmlHttp.open("POST", "jsp/content.html");
   		xmlHttp.onreadystatechange = showMsgCallback;
   		xmlHttp.send(null);
   }
   function showMsgCallback()
   {
   		if(xmlHttp.readyState == 4)
   		{
   			if(xmlHttp.status == 200)
   			{
   				var test = xmlHttp.responseText;
   				//设置要使用的CSS样式表
   				//document.getElementById("msg").className = "样式表名称";
   				document.getElementById("msg").innerHTML = test;
   			}
   		}
   }
   </script>
   	<input type="button" οnclick="showMsg()" value="调用Ajax显示内容">
  	<span id="msg"></span>
   
  </body>
</html>

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
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 'index.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>
  
  <body>
    <jsp:include page="jsp/ajax_recieve_content.jsp"></jsp:include>
  </body>
</html>

Sundy_Xu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
第一个Ajax程序

content.html Hello World!! ajax_receive_content.jsp <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getSe
复制链接

扫一扫

专栏目录