ajax成功后重绘数据表 - 不是服务器端处理

时间:2012-08-29 09:01:04

标签: jquery datatables

我有一个数据表(NOT SERVERSIDE PROCESSING),我有2个链接,一个批准,一个拒绝每一行。 单击任一链接后,它将修改数据库。这工作正常,我也使用以下内容删除任一链接后的行。

parent.animate({'backgroundColor':'#fb6c6c'},300); 
parent.slideUp(300,function() {});`

问题是如果单击批准按钮,数据表中的days_left会被计算修改(这很好),但我需要重新绘制ajax成功。

因此,进程将点击批准链接,计算days_left,使用新的剩余天数列更新表格。

任何帮助都会很棒我已经坚持了一段时间。

enter image description here

$('a.deny').click(function(e) {
    e.preventDefault();
    var parent = $(this).closest("tr");
    $.ajax({
      type: 'get',
      url: 'index.php',
      data: 'ajax=1&deny=' + parent.attr('id').replace('record-',''),
      beforeSend: function() {
        parent.animate({'backgroundColor':'#fb6c6c'},300);
      },
      success: function() {
        parent.slideUp(300,function() {});      
    }
    });
  });


$('a.approve').click(function(e) {
    e.preventDefault();
    var parent = $(this).closest("tr");
    $.ajax({
      type: 'get',
      url: 'index.php',
      data: 'ajax=1&approve='+ parent.attr('id').replace('record-','')+'&employee='+ parent.attr('title')+'&acyear=' + parent.attr('lang'),
      beforeSend: function() {
        parent.animate({'backgroundColor':'#fb6c6c'},300);
      },
      success: function() {
        parent.slideUp(300,function() {});
        var $adwpTable = $("#department_waiting_approval_table_a").dataTable( { bRetrieve : true } );
        $adwpTable.fnDraw();                
        }
    });
  });

编辑 - 更多信息已添加

if(isset($_GET['approve']) && isset($_GET['employee']) && isset($_GET['acyear'])) {
  $result = mysql_query('UPDATE requests SET approved = 1 WHERE id = '.$_GET['approve'].'');
  $result2 = mysql_query('UPDATE holiday_entitlement_business_manual 
          SET days_left = new_entitlement- IFNULL((SELECT sum(days) 
          FROM requests where user='.$_GET['employee'].' AND academic_year='.$_GET['acyear'].' AND approved=1),0) 
          WHERE userid='.$_GET['employee'].' AND academic_year='.$_GET['acyear'].'');
}


if(isset($_GET['deny'])) {
  $result = mysql_query('UPDATE requests SET denied = 1 WHERE id = '.$_GET['deny'].'');
}

1 个答案:

答案 0 :(得分:1)

您只需在成功功能

中提供数据参数即可
$('a.deny').click(function(e) {
e.preventDefault();
var parent = $(this).closest("tr");
$.ajax({
  type: 'get',
  url: 'index.php',
  data: 'ajax=1&deny=' + parent.attr('id').replace('record-',''),
  beforeSend: function() {
    parent.animate({'backgroundColor':'#fb6c6c'},300);
  },
  success: function(data) {
    parent.slideUp(300,function() {});  
    parent.children('.days_left').html(data);
}
});

});

您调用的脚本必须返回剩余的天数。