PHP Ajaxを使用してテーブルの内容を更新

Question

私はドロップダウンで選択されたオプションに従ってデータを動的に入力するテーブルを含むフォームを持っています。

ドロップダウンには2つの値「有効」と「無効」が含まれています。表の各行の最初の列にはチェックボックスがあります。表の構造は以下の通りです。

[checkbox ]| user | status 

[checkbox1]| jim | enabled 

[checkbox2]| sam | disabled 

チェックボックスの値はuseridと同じです。

選択したユーザーのステータスを変更するためのボタンがあります。

ボタンをクリックすると、選択したチェックボックスの値がajaxを使用して転記され、選択したユーザーのステータスは変更されますが、データはページの再読み込み時にのみリフレッシュされます。

ステータスが変更されたときにテーブルを更新する方法を教えてください。ここに私のスクリプトです。

function Status(){ 
    var checked = [] 
    $("input[name='select[]']:checked").each(function() 
    { 
     checked.push(parseInt($(this).val())); 
    }); 
    if(checked!=''){ 

        $.ajax({ 
         type:'post', 
         url:site_url()+'/common/changeStatus', 
         data:{'checked':checked}, 
         dataType:'json', 
         async:false, 
         success:function(result){ 

          if(result!= "false"){ 
           $.msgBox({ 
            title:"Success", 
            content:"Status change successful" 
           }); 
           $(function() { 
            $('.msgButton').click(function (event) { 
             event.preventDefault(); 
             $("#table").load($(this).attr("#table")); 

            }); 
           });         
          } 

ここで#tableは、データを格納するテーブルのIDです。

Answer 1

PHPファイル自体に現状のテーブルを構築する必要があります。その後、あなたはそれを応答として送ることができます。 jQueryのAJAX応答では、

$(".table").html(resultTable); 

resultTableはあなたがPHPファイルから渡している応答で、次のように追加する必要があります。これだけが好きなら、更新されたステータスのテーブルを取得できます。