Question

I have read posts about this but I can’t get the right answer.

I have tried Hide and Show to refresh a table:

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

this does not work for me. I tried other animations as well but nothing works. I think im missing something or I’m using the wrong way.

Any Suggestion how to Refresh the table only?

Answer 1

Populate the table with the AJAX content

   $("#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
                  });
                }
        });
   });