Question

我已阅读有关此内容的帖子，但我无法得到正确答案。

我尝试过隐藏和显示来刷新表格：

       $("#cmdUnreadID").click(function(){
           $.ajax({
                    type: "GET", 
                    url:"orderBy.php", 
                    data: "unreadCtrl=1", 
                    success:function(result){
                      $("#tableInbox").hide(500,function(){
                        $("#tableInbox").show();
                      });
                    }
            });
       });

这对我不起作用。我也尝试了其他动画，但没有任何效果。我想我错过了一些东西，或者我用错了方法。

任何建议如何仅刷新表格？

Answer 1

您将结果数据加载到UI的哪个位置。您可能需要将结果设置为任何元素。使用html方法执行此操作

success:function(result){
      $("#tableInbox").hide(500,function(){
          $("#tableInbox").html(result).show();
      });
}

Answer 2

我认为你想要更改/更新#tableInbox的内容，为此你可以试试这个：

success:function(result){
     $("#tableInbox").hide(500,function(){
         $("#tableInbox").html(result).show();
     });
 }

Answer 3

使用AJAX内容填充表格

   $("#cmdUnreadID").click(function(){
       $.ajax({
                type: "GET", 
                url:"orderBy.php", 
                data: "unreadCtrl=1", 
                success:function(result){
                  $("#tableInbox").hide(500,function(){
                    $("#tableInbox").html(result).show(); // <-- Notice html() call here, to populate the table
                  });
                }
        });
   });

Answer 4

 $("#cmdUnreadID").live('click', function () {
            $("#tableInbox").hide(500);

            $.ajax({
                type: "GET",
                url: "orderBy.php",
                data: "unreadCtrl=1",
                success: function (result) {
                    $("#tableInbox").html(result).show();

                    //Or

                    // $("#tableInbox").replaceWith(result).show();
                }
            });
        });

Answer 5

我无法在你的代码上看到真正改变表格的东西，你需要更改表.htm（）并输入结果

$("#tableInbox").html(result)

注意：您还可以在请求中将 dataType：设置为“html”或“xml”，因为如果您收到XML，则结果将不适合直接提供给表.html。 jquery将根据服务器响应中的数据类型进行智能猜测，但它仍然可以是XML

刷新一张桌子

5 个答案: