防止postBack - jquery / javascript

Question

我有一个带有2个模板按钮的gridview：（1）批准和（2）拒绝..当单击其中一个按钮时，该行的状态将更改为“已批准”或“已拒绝”并更新“状态”字段数据库。我在货币交易中使用这个。

我想要发生的是在单击任一按钮时阻止页面回发。我怎么能在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){

   })
});