Ajax解析Xml文件(一)
2008-08-06 21:02
190 查看
<SCRIPT LANGUAGE="JavaScript">
var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
xmlHttp.open("GET", "AJAX", true);
/* 设置处理服务器的JS函数,函数又 xmlHttp.onreadystatechange来确定 */
xmlHttp.onreadystatechange=function() {
if (xmlHttp.readyState==4 && xmlHttp.status==200) {
//ajax的XML传输的解析。获取解析的数据
var xml = xmlHttp.responseXML;
//解析标签<stusn>
//var root1=root.getElementsByTagName("stusn");
//解析<stusn>的第一个标签的nation属性
//var name = root1[0].getAttribute("nation");
var div1 = document.getElementById("ccc");
var stus = xml.getElementsByTagName("stu");
for(var i = 0 ; i < stus.length ; i++){
var dl = document.createElement("dl");
var dt = document.createElement("dt");
var dd = document.createElement("dd");
//在div的最前面添加元素
div1.insertBefore(dl,div1.firstChild);
dl.appendChild(dt);
dl.appendChild(dd);
//设置元素的值
dt.innerHTML = "姓名:" + stus[i].getElementsByTagName("name")[0].firstChild.data;
dd.innerHTML = "年龄:" + stus[i].getElementsByTagName("age")[0].firstChild.data;
}
}
}
xmlHttp.send();
</script>
var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
xmlHttp.open("GET", "AJAX", true);
/* 设置处理服务器的JS函数,函数又 xmlHttp.onreadystatechange来确定 */
xmlHttp.onreadystatechange=function() {
if (xmlHttp.readyState==4 && xmlHttp.status==200) {
//ajax的XML传输的解析。获取解析的数据
var xml = xmlHttp.responseXML;
//解析标签<stusn>
//var root1=root.getElementsByTagName("stusn");
//解析<stusn>的第一个标签的nation属性
//var name = root1[0].getAttribute("nation");
var div1 = document.getElementById("ccc");
var stus = xml.getElementsByTagName("stu");
for(var i = 0 ; i < stus.length ; i++){
var dl = document.createElement("dl");
var dt = document.createElement("dt");
var dd = document.createElement("dd");
//在div的最前面添加元素
div1.insertBefore(dl,div1.firstChild);
dl.appendChild(dt);
dl.appendChild(dd);
//设置元素的值
dt.innerHTML = "姓名:" + stus[i].getElementsByTagName("name")[0].firstChild.data;
dd.innerHTML = "年龄:" + stus[i].getElementsByTagName("age")[0].firstChild.data;
}
}
}
xmlHttp.send();
</script>
相关文章推荐
- 学习笔记之利用ajax请求xml文件,解析其中内容
- Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库
- Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库
- ajax简单解析xml文件(复杂的解析可以通过后台程序实现,如一般处理程序)
- ajax 发送xml文件,java接受xml文件并解析
- jQuery+ajax读取并解析XML文件的方法
- JS解析xml,Ajax访问xml文件
- Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库
- 解决ajax程序访问服务器返回的XML文件时, firebug出现: XML 解析错误问题
- JQuery -- Jquery 中的Ajax, Jquery解析xml文件
- 利用AJAX解析XML文件并且用 DOM呈现
- Ajax解析Xml文件(二)
- JQuery -- Jquery 中的Ajax, Jquery解析xml文件
- libxml2对XML文件的创建、解析、查找、修改
- 关于ajax解析
- PHP 解决xml文件 xml_parse — 开始解析一个 XML 文档
- jquery 解析xml文件
- jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误
- ajax上传map类型数据,后台解析
- JDom生成解析XML文件实例解析