如何将一个xml文件与几个节点和子节点链接起来
How do i link a xml file with several nodes and subnodes?
我正在寻找一个javascript,它将加载一个xml文件,并显示类似矩形的内容,其中链接基于xml子节点、链接到子节点的父节点和链接到节点的子节点。我怎么能做到这一点?
您可以使用AJAX来实现这一点。
首先,创建一个从XML文件中提取信息的函数:
function loadXMLdoc(url) {
var ajaxRequest;
try {
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch(e) {
// Internet Explorer Browsers
try {
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function() {
if (ajaxRequest.readyState === 4) {
if (ajaxRequest.status === 200) {
// a hidden div to display the result
var result = document.getElementById('result');
result.style.display = 'block';
result.innerHTML = ajaxRequest.responseText;
} else {
result.innerHTML = 'An error has occurred making the request';
}
}
ajaxRequest.open("GET", url, true);
ajaxRequest.send();
};
}
从这里,您可以开始从XML文件中获取数据。在if (ajaxRequest.status === 200) { }
语句中,您可以开始调用元素:
var elem = ajaxRequest.responseXML.getElementById('elem');
var parents = elem.parentNodes;
var children = parents.childNodes;
这取决于你想如何格式化以及你要获取什么数据,但这对你来说应该是一个很好的起点。
相关文章:
- 操作员”;新的“;根据我想在几个JavaScript文件中使用的类,在JavaScript中使用
- 可以't将几个数字设置为<输入类型=“;数字“>
- 当加载几个js文件时,defer属性应该如何工作
- 使用几个<脚本>标签不会't工作-只调用一个脚本
- 如何从数组中删除几个相同的项
- 包括php文件和几个js文件
- 在几个元素上模拟onclick事件
- 如何更改与Backbone集合中的模型相关联的几个元素的css属性
- 如何在几个jQuery对象上调用jQuery函数
- 用PHP/MMySQL和JavaScript填充几个HTML分区
- 点击几个按钮后动态网站更改
- d3日历视图:如何将所有内容放在一个svg中,而不是放在几个svg中
- 在JavaScriptES6中,如何从散列中只获取几个属性
- 多个 $(document).ready(function() 但只有前几个被解雇
- 几个用于布线的角度模块
- 使用 1 函数使一个值等于几个不同的变量
- 几个jQuery日期选择器小部件,只向其中一个添加类
- 如何将文本插入到几个带有 id 的文本区域中的一个文本区域中
- 在几个浏览会话中保存javascript变量
- 如何将一个xml文件与几个节点和子节点链接起来