防止postBack - jquery / javascript

时间:2013-06-06 01:49:14

标签: javascript jquery postback

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

我想要发生的是在单击任一按钮时阻止页面回发。我怎么能在jquery中这样做?如何从数据库中获取行的状态,然后将其传递给jquery,以便当我单击按钮时它不会回发(这样客户的付款只会被添加到商家的当前余额一次)

请帮助,我不知道如何做到这一点......

2 个答案:

答案 0 :(得分:3)

您可以使用Ajax执行此操作。发布一些数据而不回发。

答案 1 :(得分:1)

渲染表格行时,您可以像这样添加一些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){

   })
});