Получить данные XML на HTML-страницу с помощью http get request

Question

Получить данные XML на HTML-страницу с помощью http get request

0

Мне нужно получить данные из файла XML. Этот XML файл будет содержать просто сведения о пользователе, то есть данные могут быть любыми.. имя пользователя и идентификатор электронной почты.. или дата рождения.. и т.д.

Здесь я создаю исходный код HTML, содержащий 2 текстовых поля. Подробности: - В первом текстовом поле я ввожу имя: ABC

Во втором текстовом поле идентификатор электронной почты этого пользователя должен отображаться автоматически путем извлечения содержимого XML.

Я прочитал о запросе http get и post request, но не смог их сделать.

Пожалуйста, помогите мне..

Вот код 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>

Rock 23 окт. 2013, в 12:54

Источник

Теги:

javascript

html

xml

html5

xmlhttprequest

2 ответа

Ещё вопросы

Mr. Orange · Answer 1 · 2013-10-25T03-34-00.000Z

Надеюсь, это может помочь вам взломать часть 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>

Guesser · Answer 2 · 2013-10-23T08-29-00.000Z

Из школ 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 в объект Javscript из URL-адреса.

Спасибо за код, но где я должен поставить этот код.
Ну, это код JavaScript, так что вы можете поместить его в тег <head> в теге <script>. Как вы запускаете код, это другой вопрос, если он находится на странице загрузки, вам нужно использовать что-то вроде window.onload.mytriggerfunction (); чтобы вызвать его. Похоже, вам может понадобиться понять несколько областей Javascript, о которых вы не знаете?