更改导航栏登录下拉菜单以注销ajax

Question

我试图找出如何在用户登录后通过ajax（不刷新页面）更改引导导航栏下拉菜单。谢谢

<ul class="nav navbar-nav" name= "myNavBar" id="myNavbar">
    <li><a href="/about/">About</a></li>
    <li><a href="/contact/">Contact Us</a></li>
    <li><a href="/blog/">Blog</a></li>
    <li><a href="/webstore/FiberArts/">Store</a></li>
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Login | Register<b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a data-toggle="modal" data-target="#myOtherModal" href="#log-in">Login</a></li>
            <li class="divider"></li>
            <li><a data-toggle="modal" data-target="#myModal" href="#log-in">Register</a></li>
    </li>
</ul>

我可以更改它，但是需要刷新页面

Answer 1

从模式对话框中，单击登录/注册链接后，在登录按钮上单击，您将执行类似使用jquery的操作

$.ajax({ ..... success: { $('.dropdown').hide(); }

然后显示或附加注销链接。

如果您从未使用过jquery ajax，请参见jquery ajax示例