首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在数据表jquery中重新加载页面后如何保持表不变?

在数据表jquery中重新加载页面后如何保持表不变?
EN

Stack Overflow用户
提问于 2019-10-31 15:10:05
回答 1查看 398关注 0票数 0

在删除数据表中的记录后,我希望停留在特定的页面上,但Ajax.reload()在这里不起作用。

我尝试过datatable ajax方法。

代码语言:javascript
运行
复制
<table class="table datatable-show-all" id="my-datatable">
<script type="text/javascript"                   
       src="~/Scripts/plugins/forms/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="~/Scripts/datatables_advanced.js"></script>

success: function(flag) {
        if (flag.flag === true) {
         alert("Successfully deleted !");
            $('#my-datatable').DataTable().ajax.reload(null, false);
          }
    }

当我单击该按钮时,如果我使用location.reload(),它将成功删除并重新加载页面。但是我我想要重新加载数据表中的特定表,而不是同一页。当我使用上面的代码时,我不会重新加载。

EN

回答 1

Stack Overflow用户

发布于 2019-10-31 21:49:26

@talukder我已经尝试过了,它工作得很好。但是如果这对您不起作用,那么您可以在单击delete按钮删除记录时使用jquery remove()方法删除该行。您可以使用jquery选择器到达该行,代码应该如下所示:

代码语言:javascript
运行
复制
$(document).ready(function() {
    $(document).on('click','.a',function() {
        var $this = $(this);
        var url_for_delete_functionality = 'url';
        //ajax code
         $.ajax({
                type: 'POST',
                url: url_for_delete_functionality, 
                data: post_data,
                success: function(msg) {
                    $this.closest('tr').remove();
                }
            });


    })
})

谢谢

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58638375

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档