jQuery:在另一个jquery动作之后刷新div？

Question

如何在另一个jquery操作之后刷新元素(div,类什么)？

我有这个动作从数据库中删除一条记录,我需要刷新div,这也是从数据库中获取一些其他数据...

那么这里的代码:

$(function() {
    $(".delete").click(function() {
        var commentContainer = $(this).parent();
        var id = $(this).attr("id");
        var string = 'id='+ id ;

        $.ajax({
           type: "POST",
           url: "delete.php",
           data: string,
           cache: false,
           success: function(){
               commentContainer.slideUp('slow', function() {$(this).remove();});
           }
         });

        return false;
    });
});

谢谢大家的帮助!:)

Answer 1

在AJAX调用期间,您可以使用success函数在成功调用后运行命令.您已经在代码中使用了一个函数,因此更新该函数非常简单.您想要更新的第二个div也可以加载AJAX.

 $.ajax({
  //other options
  success:function(){
       commentContainer.slideUp('slow', function() {$(this).remove();});
       $('#otherdiv').load('urlofpagewith info.php');
  }

 });

Answer 2

只需公开data成功回调的参数并替换任何元素的内容,在本例中div id ="someDiv":

$.ajax({
   type: "POST",
   url: "delete.php",
   data: string,
   cache: false,
   success: function(data){
    commentContainer.slideUp('slow', function() {$(this).remove();});
    $('#someDiv').html(data);
  }
 });

有关更多信息,请参阅ajax选项.

此外,对于上帝的爱,不要使用类型名称作为变量名称,它实际上是可怕和可怕的练习,即使在Javascript(使用或替代)中string不是保留字.data: strdata: dataString