0

我有 2 个 HTML 文件和 2 个 js 文件。

在 App.html 中我想包含 login.html 并且需要从 login.html 中获取数据并且需要在 App 中使用。

应用程序.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="ISO-8859-1">
        <title>Insert title here</title>    
        <script type="text/javascript" src='js/jquery.js'></script>        
        <script type="text/javascript" src="js/app.js"></script>
        <script type="text/javascript" src="js/login.js"></script>
    </head>
    <body>  
        <div id="content"></div>
    </body>
</html>

登录.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="ISO-8859-1">
        <title>Insert title here</title>    
        <script type="text/javascript" src='js/jquery.js'></script>
    </head>     
    <body>      
    <div>
        <div data-role="fieldcontain">
            <label for="userid" id="luserid" ><strong>UserId : </strong></label>
            <input type="text" name="userid" id="userid" value="" class="logon" placeholder="Username" required/>
        </div>
        <div data-role="fieldcontain">
            <label for="password" id="lpassword"><strong>Password :</strong></label>
            <input type="password" name="password" id="password" class="logon" value="" placeholder="Password" required/>
        </div>
        <div class="ui-body">
            <fieldset class="ui-grid-a">                            
                    <div class="ui-block-a"><a data-role="button" id="loginbtn" data-theme="b">Login</a></div>                          
            </fieldset>
        </div>              
    </div>
    </body>
</html>

应用程序.js 

  $(document).ready(function(){ 
  $('#content').load('login.html'); 
  });

登录.js

$(document).ready(function(){   
    var userid= $("#userid").val();
    var upassword= $("#password").val();
    alert(userid);
    alert(upassword);               
});

请帮我解决这个问题。

注意： 我不想在 Login.html 中包含 login.js。

4

2 回答 2

1

您应该检查submit事件的用户和密码，即：

$("form").submit(function(e){
  var userid= $("#userid").val();
  var upassword= $("#password").val();
  alert(userid);
  alert(upassword); 
});

您还需要将代码包装在 a 中<form>：

<form>
    <div data-role="fieldcontain">
    ...
    </div>    
</form>
于 2012-09-17T06:52:57.727 回答
0

您应该尝试以下方法：

$(document).ready(function(){ 
    $('#content').load('login.html', function() {
        var userid= $('#content').find("#userid").val();
        var upassword= $('#content').find("#password").val();
        alert(userid);
        alert(upassword); 
    }); 
});

这将确保 的内容login.html已成功加载。如果是这样，您可以获取 和 的#userid值#password。

由于这些不是在创建 DOM 时创建的，因此您无法直接通过$('#userid')and访问它们的值$('#password')，您可能不得不使用该方法find()。

PS：我认为这个链接可能会让你感兴趣：Calling function after .load (Jquery)

希望这可以帮助。

于 2012-09-17T06:55:42.610 回答