0

我有一些代码： 在 index.html 文件中，我有一个 div

<div id="logindiv">
    <?php require_once('login.php'); ?>
</div>

与 jquery 一起使用

<script type="text/javascript">
  $(document).ready(function() {
    $.post('login.php', $('#login').serialize(), function (
      data, textStatus) {
        $('#login').html(data);
    });
    return false;
});
</script>

我想将登录表单放入 div 中，以便登录在 div 内工作而无需刷新页面。此外，重定向到其他文件（如 you-are-logged-In.php）会自动显示在 div id=login 中。

而 login.php 是

<?PHP
    require_once("./include/membersite_config.php");
    if(isset($_POST['submitted'])) {
        if($fgmembersite->Login()) {
            $fgmembersite->RedirectToURL("login-home.php");
        }
    }
?>
<div id='fg_membersite'>
    <form id='login' accept-charset='UTF-8'>
        <fieldset>
            <legend>Login</legend>
            <input type='hidden' name='submitted' id='submitted' value='1'/>
            <div class='short_explanation'>* required fields</div>
            <div>
                <span class='error'>
                    <?php echo $fgmembersite->GetErrorMessage(); ?>
                </span>
            </div>
            <div class='container'>
                <label for='username' >UserName*:</label><br/>
                <input type='text' name='username' id='username' value='<?php echo $fgmembersite->SafeDisplay('username') ?>' maxlength="50" /><br/>
                <span id='login_username_errorloc' class='error'></span>
            </div>
            <div class='container'>
                <label for='password' >Password*:</label><br/>
                <input type='password' name='password' id='password' maxlength="50" /><br/>
                <span id='login_password_errorloc' class='error'></span>
            </div>
            <div class='container'>
                <input type='submit' name='Submit' value='Submit' onClick='loadLoginDiv();' />
            </div>
            <div class='short_explanation'>
                <a href='reset-pwd-req.php'>Forgot Password?</a>
            </div>
        </fieldset>
    </form>
    <!-- client-side Form Validations:
    Uses the excellent form validation 
    script from JavaScript-coder.com-->
    <script type='text/javascript'>
    // <![CDATA[
        var frmvalidator  = new Validator("login");
        frmvalidator.EnableOnPageErrorDisplay();
        frmvalidator.EnableMsgsTogether();
        frmvalidator.addValidation("username","req","Please provide your username");
        frmvalidator.addValidation("password","req","Please provide the password");
    // ]]>
    </script>
</div>

如何在不刷新页面的情况下使用表单？它提交一次而不是多次而不刷新。

4

1 回答 1

0

页面加载时您正在执行 Ajax 请求，这是不正确的。您必须通过 Ajax 请求替换通常的提交。

<script type="text/javascript">
  $(document).ready(function() {
    $('#login').live('submit', function() {
        $.post('login.php', $(this).serialize(), function (
          data, textStatus) {
            $('#login_wrapper').html(data);
        });
        return false;
    });
   });
</script>
于 2012-05-22T11:04:30.677 回答