防止postBack - jquery/javascript

Question

我有一个带有两个模板按钮的网格视图：(1)批准和(2) Rejected..When其中一个按钮被点击，行的状态将更改为批准或拒绝，并更新数据库中的' 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){

   })
});