使用http获取请求获取XML数据到HTML页面

我需要从XML文件中获取数据。该XML文件将包含用户的简单信息，即数据可以是任何东西..用户名和电子邮件ID ..或出生日期等..使用http获取请求获取XML数据到HTML页面

在这里，我创建了一个HTML源代码有2个文本框。。详细信息如下： - 输入名称的第一个文本框：ABC

在第二个文本框中，该用户的电子邮件ID必须通过自动提取XML内容来显示。

我已阅读有关http获取请求和发布请求，但无法让他们。

请帮助我..

下面是HTML代码： -

<html> 
    <head> 
    <title> Sample XML page </title> 
    </head> 
    <body> 
    <div align="right"> 
    <h1> 
    Sample try page 
    </h1> 

    <form name="login"> 
    Username: &nbsp 
    <input type="text" name="userid"/> 
    <br> 
    <br> 
    Email: &nbsp 
    <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>

来源

2013-10-23 Rock

从W3学校

这就是你如何转换XML从一个URL到一个Javscript对象。

来源

2013-10-23 10:27:48 user1209203

感谢您的代码，但我应该在哪里把这个代码。 – Rock

嗯，这是JavaScript代码，所以你可以把它放在

希望这可以帮助你的位，如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>

来源

2013-10-25 05:24:07

使用http获取请求获取XML数据到HTML页面

回答

相关问题