⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 ajax.jsp

📁 AJAX源码,适合初学者上手,一共有3个源码,循序渐进的学习AJAX,这是1
💻 JSP
字号:
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<script type="text/javascript">
	var xmlHttp;
	
	function createXMLHttpRequest(){
		if(window.ActiveXObject){
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			alert("ActiveXObject");
		}
		else if(window.XMLHttpRequest){
			xmlHttp = new XMLHttpRequest();			
			alert("XMLHttpRequest");
		}
	}
	
	function startRequest(){
		createXMLHttpRequest();
		xmlHttp.onreadystatechange = handleStateChange;
		xmlHttp.open("GET", "innerHTML.xml", true);
		xmlHttp.send(null);
		
	}
	
	function handleStateChange(){
		if(xmlHttp.readyState == 4){
			if(xmlHttp.status == 200){
				document.getElementById("results").innerHTML = xmlHttp.responseText;
			}
			
		}
		
	}
</script>

<body>
<form name="form1" method="get" action="#">
  <input name="button" type="button" value="图书列表" onClick="startRequest();">
</form>
<div id="results">



</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -