ajax例子

最新推荐文章于 2024-09-15 00:20:13 发布

饭fan有引力

最新推荐文章于 2024-09-15 00:20:13 发布

阅读量1.6k

点赞数

文章标签： ajax xmlhttprequest function encoding button action

本文链接：https://blog.csdn.net/Iamduoluo/article/details/7215225

版权

JavaScript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

test1.xml

<?xml version='1.0' encoding="UTF-8" ?>
<lowkey>
	<lzq>
		<l>I am lowkey</l>
		<l>I am not lowkey</l>
		<l>I think I am lowkey</l>
	</lzq>
	<gst>
		<g>I am gosipt</g>
		<g>I am not gosipt</g>
		<g>I think I am gosipt</g>
	</gst>
</lowkey>

test1.html

<html>
	<head>
		<title>Have a test</title>
		<script type="text/javascript">
			var xmlHttp;
			function createXMLHttpRequest() {
				if(window.ActiveXObject) {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				} else if(window.XMLHttpRequest) {
					xmlHttp = new XMLHttpRequest();
				}
			}
			function startRequest() {
				createXMLHttpRequest();
				xmlHttp.onreadystatechange = handleStateChange;	//注册事件执行方法，只能是方法你不可能注册其他的东西，所以不用()。把handleStateChange方法注册到xmlHttp的onreadystatechange的事件当中。
				xmlHttp.open("GET", "test1.xml", true);
				xmlHttp.send(null);
			}
			function handleStateChange() {
				if(xmlHttp.readyState==4) {
					if(xmlHttp.status==200) {
						listContents();
					}
				}
			}
			function listContents() {
				var xmlDoc = xmlHttp.responseXML;
				var lContent = xmlDoc.getElementsByTagName("g");
				var sumContents = "";
				for(var i=0; i<lContent.length; i++) {
					sumContents = sumContents + "    " + lContent[i].childNodes[0].nodeValue; 
				}
				document.getElementById("content").innerHTML = "<p>" + sumContents +"</p>";
			}
		</script>
	</head>
	<body>
		<form name="testForm" action="#">
			<input type="button" id="testButton" value="lowkey" οnclick="startRequest();" />
		</form>
		<div id="content"></div>
	</body>
</html>