0

XML ファイルからデータを取得する必要があります。その XML ファイルには、単純にユーザーの詳細が含まれます。つまり、データイルは何でもかまいません.. ユーザー名と電子メール ID.. または生年月日など..

ここでは、2 つのテキスト ボックスを持つ HTML ソース コードを作成します。詳細は次のとおりです:- 最初のテキスト ボックス 名前を入力します: ABC

2 番目のテキスト ボックスには、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: &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> student1@abc.com </email>
 </details>

 <details>    
 <Name> student2 </Name> 
 <email> student2@abc.com </email>
 </details>

 </student>
4

2 に答える 2

0

これが 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-25T05:24:07.330 に答える