将Xml文件链接到HTML
Link Xml file to HTML
我创建了一个简单的xml文件和一个html文件来显示xml文件的详细信息,但它不起作用。。它在同一个文件夹中。。。
这是我的xml文件:
student.xml
<?xml version="1.0" encoding="utf-8"?>
<Student>
<Name>Student</Name>
<Gender>Boy</Gender>
<City>Mumbai</City>
<PhoneNumbers>42607700, 42607701</PhoneNumbers>
<Email>student@aurus.com</Email>
</Student>
Html文件:
studentDetails.html
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("student.xml");
x=xmlDoc.getElementsByTagName("Student");
for (i=0;i<x.length;i++)
{
document.write(x[i].childNodes[0].nodeValue);
document.write("<br>");
}
</script>
</body>
</html>
和Javascript文件:
加载XMLDoc.js
function loadXMLDoc(student)
{
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else // code for IE5 and IE6
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",student,false);
xhttp.send();
return xhttp.responseXML;
}
plz帮助
我为您写了一个在Firefox中运行良好但在Chrome中运行不佳的示例。我认为这是因为您在本地请求xml文件。应该通过服务器。
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse:collapse;
}
th, td {
padding: 5px;
}
</style>
</head>
<body>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","students.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table><tr><th>Students</th><th>Age</th></tr>");
var x=xmlDoc.getElementsByTagName("student");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("age")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</body>
</html>
students.xml
<?xml version="1.0" encoding="utf-8"?>
<STUDENTS>
<student>
<name>Hanzallah</name>
<age>20</age>
<exp>Everything</exp>
</student>
<student>
<name>Afgan</name>
<age>22</age>
<exp>Nothing</exp>
</student>
</STUDENTS>
相关文章:
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 如何使用JavaScript访问HTML链接内容
- 从HTML链接时,Javascript文件不起作用
- html链接onclick弹出一个表单
- 将点击函数添加到动态 HTML 链接
- 如何在 html 链接中发送参数以及如何检索它
- HTML 链接变量
- 如何使html链接标签可以在没有标签的情况下工作
- 提交表单的可能性(左-/中-/在新选项卡或窗口中打开-)单击html链接
- 使用本地HTML链接打开Windows文件夹
- 如何将JavaScript数组输出到HTML链接
- 指向leanModal.js的链接在通过HTML链接呈现时工作良好,但在React中则不然
- 在visualforce中为更新字段分配HTML链接/按钮
- 将URL的文本列表转换为可点击的HTML链接
- 按日期为iframe创建一个HTML链接
- 如何在页面刷新时保持选定/活动的HTML链接颜色
- 如何通过html链接将特定对象传递给函数
- Html链接在某些单击时未注册
- 我想让HTML链接打开一个js手风琴
- 如何在谷歌网站中显示与iframe中的特定人员共享的谷歌云端硬盘html链接