Question

这是我的html文件，它接受用户ID 和密码，但与xml文件不匹配：

<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>

UserId 和密码应与xml数据匹配，并仅显示在文本框中输入的特定用户。并且用户也不应该看到密码。那么如何将xml数据检索到html文件呢？

Answer 1

我不确定你到底在问什么。请浏览网站：

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

您需要按用户ID循环xml数据的每个记录，然后继续使用登录算法。首先使用xml数据来处理登录并不是一个好主意，因为每个用户的密码都是可见的。只需下载一个firebug，最终用户就可以看到其他用户的存储密码。如果您仍在继续上述想法，可以考虑哈希密码。

如何从xml检索值到html？

1 个答案: