我正在为用户登录调用一个 ajax 函数。成功登录后,我想用(例如,欢迎用户先生,注销)之类的内容刷新一个 div。
HTML:
<ul id="signup">
<li>Login</li>
<li>Signup</li>
</ul>
<ul id="loginbox">
<li><label>Enter email address</label><br/><input type="text" class="bookinginput" id="uemail"></li>
<li><label>Enter password</label><br/><input type="password" class="bookinginput" style="width: 151px;" id="upassword">
<button class="styled-button-8" style="margin-top: -43px;margin-left: 10px;" onClick="ulogin()">Login</button>
</li>
</ul>
阿贾克斯:
function ulogin()
{
var uemail = $('#uemail').val();
var upassword = $('#upassword').val();
$.ajax({
type: "POST",
url: "udoologin.php",
data: {email:uemail, password:upassword}
}).done(function( result ) {
$("#loginbox").html(result);
});
}
成功登录后,我可以将div#loginbox更改为成功登录消息,但我也想将另一个div#signup替换为
<ul id="signup">
<li>Welcome <?php echo $user?></li>
<li>logout</li>
</ul>
我怎样才能做到这一点?