我可以使用jQuery重新加载div吗?

时间:2015-09-01 09:48:22

标签: javascript php jquery html css

我在导航栏中用一些PHP代码组成一个区域,显示内联登录表单或用户名。登录表单是使用jQuery提交的,因此不需要页面加载来设置用户会话变量等。但是如何解决不必刷新页面以便显示正确的文本(即用户用户名而不是内联表单) )?

目前登录无缝刷新页面,但我还需要以某种方式更新该区域。

        <div id="divLogin">
        <?php if (!logged_in()) { ?>
        <div class="form-group">
          <input type="text" placeholder="Email" class="form-control" id="user">
        </div>
        <div class="form-group">
          <input type="password" placeholder="Password" class="form-control" id="pass">
        </div>
        <button type="button" class="btn btn-success" id="login">Sign in</button>
        <button type="button" class="btn btn-primary" id="register">Register</button>
        <?php } else { ?>
        <div class="form-group">
          <p>You are logged in as <strong><?php echo $_SESSION['user']; ?></strong></p>
        </div>
        <?php } ?>
        </div>

1 个答案:

答案 0 :(得分:2)

您可以使用load()函数或使用AJAX来执行此操作。

&#13;
&#13;
$('.your_button').on('click', function(){
     $('#divLogin').load('your_page_url_here');
});
&#13;
&#13;
&#13;