2010-12-25 8 views
0

これはユーザーIDパスワードを受け付けますが、xmlファイルと一致していない私のhtmlファイルです:xmlからhtmlに値を取り出す方法は?

<html> 
<head> 
    <title>Employee Info</title> 
    <script language="javascript" type="text/javascript" src="validation.js"> 
    var xmlDoc = 0; 
    var xmlObj = 0; 

    function loadEmployees(){ 
     xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 
     xmlDoc.async = "false"; 
     xmlDoc.onreadystatechange = displayEmployee; 
     xmlDoc.load("http://localhost/login.xml"); 
    } 

    function displayEmployee(){ 
     if(xmlDoc.readyState == 4){ 
    xmlObj = xmlDoc.documentElement; 
    var len = xmlObj.childNodes.length; 
    for(i = 0; i < len; i++){ 
    var nodeElement = xmlObj.childNodes[i]; 
    if (nodeElement.childNodes[0].value=document.forms[0].txtName.value && nodeElement.childNodes[1].value=document.forms[0].txtPwd.value) 
    { 
    alert("Login Successful"); 
    } 
    else 
    { 
    alert("Login Failed"); 
    } 

    <!--for(j = 0; j < nodeElement.childNodes.length; j++){ 
     document.write(" " + nodeElement.childNodes[j].firstChild.nodeValue); 
    }--> 

    document.write("<br/>"); 
    } 
     } 
    } 
    </script> 
</head> 

<body background="bg.jpg"> 
<div id="main"> 
<form name="frmLogin" method="post"> 

<!--<div style="height:0px"> 
<marquee behavior="alternate" direction="right"> 
<h1><font size="14" color="white" align-text="right">ADIDAS</font></h1> 
</div>--> 

<div style="position:absolute;right:3px;top:6px"> 
<img src="logo.jpg"></img> 
</div> 

<div> 
<img src="1696.jpg" align="left" height="580" width="210"></img> 

<div style="position:absolute;left:240px;top:180px"><font size="5" color="white">USER LOGIN</font></div> 
<div style="position:absolute;left:315px;top:232px"><font size="5" color="white">User ID :</font></div> 
<div style="position:absolute;left:303px;top:289px"><font size="5" color="white">Password :</font></div> 
<div style="position:absolute;left:415px;top:236px"><input type="text" name="txtName" onBlur="validateName(this)"></div> 
<div style="position:absolute;left:415px;top:293px"><input type="password" name="txtPwd" onBlur="validatePwd(this)"></div> 

<div class="logIn" style="position:absolute;left:450px;top:360px"><input type="submit" value="Login" onClick="loadEmployees()"> 
</div> 
</div> 


</form> 
</body> 
</html> 

これは私のxmlファイルです:

<?xml version="1.0" encoding="UTF-8"?> 
<Employees> 
<Employee> 
    <id>AD101</id> 
    <pwd>PWD101</pwd> 
</Employee> 
<Employee> 
    <id>AD102</id> 
    <pwd>PWD102</pwd> 
</Employee> 
<Employee> 
    <id>AD103</id> 
    <pwd>PWD103</pwd> 
</Employee> 
<Employee> 
    <id>AD104</id> 
    <pwd>PWD104</pwd> 
</Employee> 
</Employees> 

ユーザーIDパスワードは、xmlデータと一致し、テキストボックスに入力された特定のユーザーのみを表示する必要があります。また、ユーザーにパスワードを表示しないでください。どのようにhtmlファイルにXMLデータを取得するのですか?

+1

質問がありますか? – Oded

+2

これはセキュリティで保護されたアプリケーションですか?もしそうなら**これは本当に**悪い考えです。 –

+2

クリアテキストのパスワードをクライアントに送信する:**いいえ**良い! *私が感じる力の大きな妨害* –

答えて

0

私は正確に何を求めているのかよくわかりません。ウェブサイトをご覧ください:

http://www.w3schools.com/xml/xml_to_html.asp http://www.w3schools.com/xml/tryit.asp?filename=tryxml_dom_getelement

xmlデータのすべてのレコードをユーザーIDでループし、ログインアルゴリズムを続行する必要があります。まず、すべてのユーザーのパスワードが表示されるため、xmlデータにログインを処理することはお勧めできません。ファイアウォールをダウンロードするだけで、エンドユーザーは他のユーザーのパスワードを見ることができます。上記のアイデアをまだ進めている場合は、パスワードをハッシュすることを検討することができます。

関連する問題