javascript - 刷新数据表数据而不重新加载整个页面

标签 javascript jquery ajax datatables

我正在使用 codeigniter 在数据表上加载数据,在数据表上的每一行都有一个链接,当单击数据时,该链接将发送到其他地方。该特定行中的数据应该消失,只保留未被点击的链接。我已经设法用 AJAX 做到这一点,但成功后我被迫在 jQuery 超时时重新加载页面

sample :

//Table headers here
<tbody class="tablebody">
    <?php foreach ($worksheets as $sheets) : ?> 
        <tr>
            <td><?php echo $sheets->filename ?></td>
            <td class="bold assign">
                <?php echo $sheets->nqcl_number ?>&nbsp;&nbsp;&nbsp;
                <?php echo anchor('assign/assing_reviewer/' . $sheets->nqcl_number, 'Assign') ?>
                <a id="inline" href="#data">Assign1</a>
                <input type="hidden" id="labref_no" value="<?php echo $sheets->nqcl_number; ?>" />
            </td>
            <td><?php echo $sheets->uploaded_by ?></td>
            <td><?php echo $sheets->datetime_uploaded ?></td>
            <td></td>                        
        </tr>
    <?php endforeach; ?>
</tbody>

我希望在 AJAX 成功时,链接所在的数据表行会从表中动态删除,而无需刷新页面。

$.ajax({
    type: "POST",
    url: "<?php echo base_url(); ?>assign/sendSamplesFolder/" + labref,
    data: data1,
    success: function(data) {
        var content = $('.tablebody');
        $('div.success').slideDown('slow').animate({opacity: 1.0}, 2000).slideUp('slow');
        $.fancybox.close();
        //Reload the table data dynamically in the mean time i'm refreshing the page
        setTimeout(function() {
            window.location.href='<?php echo base_url();?>Uploaded_Worksheets';
        }, 3000);
        return true;
    },
    error: function(data) {
        $('div.error').slideDown('slow').animate({opacity: 1.0}, 5000).slideUp('slow');
        $.fancybox.close();
        return false;
    }
});

我试过这个,但它加载了两个相同的页面。有什么工作?
  content.load(url);

最佳答案

您可以使用 fnDraw()强制数据表重新查询数据源。试试这个:

// store a reference to the datatable
var $dataTable = $("#myTable").dataTable({ /* Your settings */ });

// in the AJAX success:
success: function(data) {
    $dataTable.fnDraw();
},

阅读 fnDraw documentation 中的条目.

关于javascript - 刷新数据表数据而不重新加载整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13820587/

相关文章:

javascript - 将数组中的数据连接到对象以通过中间人转换其值

javascript - 从 JSP 显示另存为窗口

javascript - 什么时候可以使用管道运算符作为条件参数? -JavaScript

javascript - 保持文本框不受键盘输入的影响

javascript - 将 OAuth token 传递给 JavaScript 客户端的安全方式

javascript - Zendesk `app.js` 使用完整 URL 调用外部 API?

javascript - 如何在标题的底部使箭头向上?

javascript - 访问JavaScript对象的属性和函数会产生未定义的错误

javascript - jQueryMobile - 为什么一个新的动态生成的页面没有更新到最新版本?

jquery - 点击获取元素的ID