ajax成功后刷新表与另一个没有DataTable的SQL语句值

时间:2017-08-04 07:04:30

标签: php jquery ajax post refresh

我想在ajax调用之后如何处理事情。

我有一个显示数字值的表格,这些数字是其他值的总和。 SQL语句明智,一切正常。 但我真的不明白当我点击按钮时我应该如何更新该表。 这些按钮应该显示与另一个SQL查询具有不同值的相同表结构。

这就是我现在所拥有的。

JS / AJAX

$(document).ready(function () {

var currentID;

$('.member_list li a').click(function() {
    currentID = $(this).attr('data-key-value');
    $.ajax({
        type: "POST",
        url: "index_report.php",
        data: { ID : currentID }
    }).done(function(response) {
        var table = $('.manage_table').DataTable();
        table.remove().draw();
    });
}); 

});

应按下以获取新值的按钮示例:

<li><a href="" data-key-value="2" class="member_director">Henry</a></li>
<li><a href="" data-key-value="3" class="member_director">Joe</a></li>
<li><a href="" data-key-value="4" class="member_director">Hector</a></li>

以及为个别数据启动数据库调用的行。

$temp_data_1 = $className>select_number_by_person($date_begin_month[$i],$date_end_month[$i], $_POST['ID']);

我发现我的问题是由于DataTable。

编辑:显然,我无法将其与模板一起使用。 我目前正在使用smarty,我的所有表都是自动生成的循环。 出于某种原因,DataTable只给我错误。

任何想法如何在没有DataTable的情况下做到这一点?

我可能错过了大量的代码来实现这一点。

感谢任何建议。

1 个答案:

答案 0 :(得分:0)

我可以看到您使用DataTable无法做到这样的事情吗?

var currentID;

$('.member_list li a').click(function() { 
      currentID = $(this).attr('data-key-value');
      dataTableUpdate();
});

function dataTableUpdate(id){
    var query = $.param({ID : currentID})
    var source = "index_report.php?" + query

    // Get API instance
    var table = $('.manage_table').DataTable(); 

    // Load data using API instance
    table.ajax.url(source).load();
};