我需要从 XML 文件中获取数据。该 XML 文件将包含用户的简单详细信息,即 datails 可以是任何内容.. 用户名和电子邮件 ID.. 或出生日期.. 等..
这里我创建了一个具有 2 个文本框的 HTML 源代码。详细信息是:- 我输入名称的第一个文本框:ABC
在第二个文本框中,必须通过自动获取 XML 内容来显示该用户的电子邮件 ID。
我已经阅读了有关 http get 请求和 post 请求的信息,但无法发出它们。
请帮助我..
这是 HTML 代码:-
<html>
<head>
<title> Sample XML page </title>
</head>
<body>
<div align="right">
<h1>
Sample try page
</h1>
<form name="login">
Username:  
<input type="text" name="userid"/>
<br>
<br>
Email:  
<input type="text" name="Email"/>
<br>
<br>
<input type="button" " value="Submit"/>
</form>
</div>
</body>
</html>
这是 XML 代码:-
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<student>
<details>
<Name> student1 </Name>
<email> [email protected] </email>
</details>
<details>
<Name> student2 </Name>
<email> [email protected] </email>
</details>
</student>
来自W3学校
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","books.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
这就是将 XML 从 URL 转换为 Javscript 对象的方法。
希望这可以帮助您了解 JavaScript 的一部分 -
<script type="text/javascript">
var useName;
var email;
function httprequest()
{
debugger;
useName = login.txtUserId.value;
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "name.xml", false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
var x = xmlDoc.getElementsByTagName("CD");
debugger;
for (i = 0; i < x.length; i++)
{
if (useName == x[i].getElementsByTagName("detail1")[0].childNodes[0].nodeValue)
{
login.txtEmail.value = x[i].getElementsByTagName("detail2")[0].childNodes[0].data;
}
}
}
</script>