📄 readxml.jsp

📁 java环境下的Ajax开发源代码实例程序。

💻 JSP

字号:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
	<META http-equiv=Content-Type content="text/html; charset=UTF-8">
	<LINK href="images/css.css" type=text/css rel=stylesheet>
</head>
<script language="javascript">
	var XMLHttpReq;
	var PREFIX = "Sort";
 	//创建XMLHttpRequest对象       
    function createXMLHttpRequest() {
		if(window.XMLHttpRequest) { //Mozilla 浏览器
			XMLHttpReq = new XMLHttpRequest();
		}
		else if (window.ActiveXObject) { // IE浏览器
			try {
				XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				try {
					XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
		}
	}
	// 增加品牌函数
	function sendRequest() {
	    var url = "MyXml.xml";
	    createXMLHttpRequest();
	    XMLHttpReq.onreadystatechange = processResponse;
	    XMLHttpReq.open("GET", url, true);
	    XMLHttpReq.send(null);
	}
	// 处理增加品牌响应函数
    function processResponse() {
    	if (XMLHttpReq.readyState == 4) { // 判断对象状态
        	if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
	            readXml();
            } else { //页面不正常
                window.alert("您所请求的页面有异常。");
            }
        }
    }

	function readXml() {
		var students = XMLHttpReq.responseXML.getElementsByTagName("student");
		for(var i=0;i<students.length;i++) {
			var stud = students[i];
			var name = stud.getElementsByTagName("sname")[0].firstChild.data;
			var gre = stud.getElementsByTagName("gre")[0].firstChild.data;
			var tse = stud.getElementsByTagName("tse")[0].firstChild.data;
			document.write(name + "<p>");
			document.write(gre + "<p>");
			document.write(tse + "<p>");
			document.write("");
		}		
	}

	

</script>

<table>       <input type="button" value="测试" onclick="sendRequest();"/>
</table>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -