ajax应用

最新推荐文章于 2023-06-22 10:18:01 发布

weixin_45003282

最新推荐文章于 2023-06-22 10:18:01 发布

阅读量54

点赞数

分类专栏： javaweb

本文链接：https://blog.csdn.net/weixin_45003282/article/details/102833354

版权

javaweb 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{

	var xmlhttp;//定义一个对象
	xmlhttp=new XMLHttpRequest();//不支持IE5/6
	
	xmlhttp.onreadystatechange=function()//如果是调用函数,不要加小括号,但用匿名函数,如function()是可以加小括号的.后面再写函数内容.
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
			
		}
	}
	xmlhttp.open("GET","text1",true);//可以使用相对目录,不加/,也可以用绝对路径,如/ajax/text1,前面要加/,表示服务器根目录.
	
	xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>

<button type="button" onclick="loadXMLDoc()">修改内容</button>

</body>
</html>

主要是text1要放在与index.jsp一个目录下,即在webcontent下.