用jQuery刷新div

是否可以使用jQuery刷新单个div？ 我有一个注销用户的按钮。 单击按钮后，我想显示登录表单，所以我需要重新解析这个div。

我的div的内容是这样的：

 <?php $email = $_COOKIE['email']; $login = $_COOKIE['login']; if($email != null && $email != "" && $login != null && $login != "") { echo "
you are logged in as $email


Logout"; } else { // show login form } ?>  

这是我执行注销的JavaScript部分：

 $('#logoutbtn').click(function () { $.ajax({ type: "POST", url: "php/logout.php", async: false, success: function(data){ // reload signup div } }); }); 

编辑：我的logout.php脚本删除了cookie，这就是我需要重新解析signup-div的原因。

Answer 1

您可以使用jquery动态更改注册div的内容，如下所示：

 $("#signup").html("My New Login Section"); 

要么

 var $loginDiv = $(document.createElement("div")).html("Username"); $("#signup").html($loginDiv); 

Answer 2

使用load()

 $('#signup').load('php/logout.php', function() { alert('Logout.'); }); 

Answer 3

我试试：

 $('#logoutbtn').on('click', function () { $.ajax({ type: "POST", url: "php/logout.php" }) .done(function(data){ $('#signup > h3').html('Please Login'); }); }) 

可以使用相同的方法进行登录操作，以防止页面必须刷新。

Answer 4

因为您在标记内部有会话方法，所以您可以在以下成功事件中执行以下操作：

 success: function(data){ $("#signup").load(".register"); } 

它将重新加载

中的所有内容，并且当你删除了你的会话（我想）时，它将重新加载到你的登录/注销表单。