js 操作xml

最新推荐文章于 2024-07-25 11:52:08 发布

mezheng

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量664

点赞数

分类专栏： js 文章标签： xmlhttprequest function encoding html action null

本文链接：https://blog.csdn.net/mezheng/article/details/7823734

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
	<HEAD>
		<script language="javascript">
	var xmlHttp;
	function createXMLHttp() {
		if (window.XMLHttpRequest) {
			xmlHttp = new XMLHttpRequest();
		} else {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}

	function getCity() {
		createXMLHttp();
		xmlHttp.open("POST", "allarea.xml");
		xmlHttp.onreadystatechange = getCityback;
		xmlHttp.send(null);
	}

	function getCityback() {
		if (xmlHttp.readyState == 4) {
			alert(xmlHttp.status)
			if (xmlHttp.status == 200) {
				var allarea = xmlHttp.responseXML
						.getElementsByTagName("allarea")[0].childNodes;
				alert(allarea[0]);  
				var select = document.getElementById("city");

				for ( var i = 0; i < allarea.length; i++) {
					var area = allarea[i];
					var option = document.createElement("option");
					var id = area.getElementsByTagName("id")[0];
					var title = area.getElementsByTagName("title")[0].firstChid.nodeValue;
					option.setAttribute("value", id);
					option.apppendChild(document.createTextNode(title));
					select.appendChild(option);
				}
			}
		}
	}
</script>
	</HEAD>

	<BODY οnlοad="getCity()">
		<form action="" method="post">
			请选择喜欢的城市:
			<select name="city">
				<option value="0">
					-请选择城市-
				</option>
			</select>
		</form>
	</BODY>
</HTML>

<?xml version="1.0" encoding="GBK"?>
<allarea id="1">
 <area id="0"> 
	<id>1</id>
	<title>beijing</title>
</area>
<area> 
	<id>2</id>
	<title>tianjing</title>
</area>
</allarea>

mezheng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 操作xml

var xmlHttp; function createXMLHttp() { if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } function ge
复制链接

扫一扫