テーブルを更新する

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に結果データをロードしている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 2

でテーブルを移入します。おそらく結果を要素のいずれかに設定する必要があります。

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

Answer 3

私はあなたが#tableInboxの内容を更新し、あなたがこれを試みることができることを行うために/変更したいと思うことを行うためのhtmlメソッドを使用しますテーブルを実際に変更するコード テーブル.htm（）を変更し、結果を

のように変更しました

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

注：XMLを受け取った場合、テーブル.htmlへの直接フ​​ィードに適していない可能性があるため、dataType：を「html」または「xml」に設定することもできます。 jqueryはサーバーレスポンスのデータ型から知的な推測を行いますが、XMLでも構いません。

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

私が見カント：

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