Ajax的自定義按鈕傳遞參數jQuery的數據表

Question

JS

我是新來Ajax.I有一個jQuery的dataTable的一個RoR app.I必須參數傳遞給按鈕，這樣我可以選擇的動作當按鈕被點擊時被執行。

var invoiceTable = $('#invoice_list_index').DataTable({ 
 
    "scrollY": "300px", 
 
    "bScrollCollapse": true, 
 
    processing: true, 
 
    serverSide: true, 
 
    dom: 'Bfrtip', 
 
     buttons: [ 
 
      { 
 
       extend: 'alert', 
 
       text: 'My button 1', 
 
      }, 
 
      { 
 
       extend: 'alert', 
 
       text: 'My button 2' 
 
      }, 
 
      { 
 
       extend: 'alert', 
 
       text: 'My button 3' 
 
      } 
 
     ], 
 
    "ajax": { 
 
     type: "POST", 
 
     url: '/invoices/invoice_index_page', 
 
     
 
    } 
 
    });

<a class="dt-button buttons-alert" tabindex="0" aria-controls="invoice_list_index" href="#"><span>My button 1</span></a>

的問題是我不知道如何將參數傳遞到AJAX自定義按鈕。

Answer 1

請確保你已經包含jQuery或沒有。

Answer 2

演示：你需要做的https://jsfiddle.net/Prakash_Thete/7v7xLaz2/1/

那麼第一件事就是爲您創造DataTable buttons的行動。

請創建您的按鈕，如下所示。

"dom": 'Bfrtip', 
    "buttons": [ 
      { 
       text: 'My button 1', 
       action: function() { 
       console.log("inside button 1"); 
       } 
      }, 
      { 
       text: 'My button 2', 
       action: function() { 
       console.log("inside button 2"); 
       } 
      }, 
      { 
       text: 'My button 3', 
       action: function() { 
       console.log("inside button 3"); 
       } 
      } 
     ] 

所以當你點擊任何按鈕時，相應的信息都會打印出來。

所以現在第二件事情傳遞參數到這些按鈕就像任何其他正常的按鈕只是使用相應的按鈕的行動內的變量。