防止postBack - jquery / javascript

Question

我有一個帶有2個模板按鈕的gridview：（1）批准和（2）拒絕..當單擊其中一個按鈕時，該行的狀態將更改為Approve或Rejected並更新數據庫中的'Status'字段。 我在貨幣交易中使用這個。

我想要發生的是當單擊任一按鈕時阻止頁面回發。 我怎么能在jquery中這樣做？ 如何從數據庫中獲取行的狀態，然后將其傳遞給jquery，以便當我單擊按鈕時它不會回發（這樣客戶的付款只會被添加到商家的當前余額一次） 。

請幫忙，我不知道如何做到這一點......

Answer 1

你可以用Ajax做到這一點。 發布一些數據而不回發。

Answer 2

渲染表格行時，您可以像這樣在行中添加一些ID

<table>
  <tr data-id="1">
    <td>Name</td>
    <td><button class="approve">Aprove</button><button class="reject">Reject</button></td>
  </tr>
</table>

然后使用jquery，ajax來按下按鈕

$('.approve').click(function(){
   var id = $(this).parents('tr').data('id');/// Here is your id
   $.post('/approve/',{id:id}, function(data){

   })
});