jQuery内のボタンPHPスクリプトを呼び出すDatatables？

Question

DataTablesを使用してテーブルを実装しました。

これはコードです：

$(document).ready(function() {  
    var table = $('#tbl_user').DataTable({ 
     "ajax": "data_user.php", 
     "bPaginate":true, 
     "bProcessing": true, 
     "pageLength": 10, 
     "columns": [ 
      { mData: 'name' } , 
      { mData: 'address' }, 
      { mData: 'city' }, 
      { mData: 'postalcode' }, 
      { mData: 'email' }, 
      { mData: 'supervisor' }, 
      { 
       mData: null,  
       "bSortable": false, 
       "mRender": function(data, type, full) { 
       return '<a class="btn btn-info btn-sm" href=update.php?' + 'name=foo' + '>' + 'Edit' + '</a>'; } 
      } 

     ], 
     "dom": 'Bfrtip', 
     "buttons": [ 
      'copy', 'csv', 'excel', 'pdf', 'print' 
     ] 
    }); 

}); 

1つの問題はしかし、あります。たとえば、ユーザー「123」の「編集」ボタンをクリックするとします。ボタンはパラメータとして "123"を含むPHPスクリプトupdate.phpを呼び出すことになっています。どうやってするか？私は試みた：

return '<a class="btn btn-info btn-sm" href=update.php?' + 'name='+mData:name + '>' + 'Edit' + '</a>'; } 

まあそれは動作しません。

Answer 1

あなたは達成したいことに非常に近いです。

マインドあなたは、PARAMで新しいページupdate.phpを開くには、JavaScriptのAjaxの

使用により、二つの方法

1. があります。

どちらが該当するかによって異なりますが、2つのオプションは同じ原則に従います。 しかし、この例では、オプション2に固執するつもりです。オプション1もしたい場合は教えてください。

return '<a class="btn btn-info btn-sm" onclick="'+callScript(123)+'">' + 'Edit' + '</a>'; } 

次に、このonclickのイベント

function callScript(id){ 

    var url ="update.php?id="+id; 
    window.open(url,"_self") 

    }