ajax删除后Jquery数据表刷新/重新加载

时间:2018-02-28 06:41:24

标签: jquery ajax asp.net-mvc razor datatables

我正在使用MVC为我的CMS做评论的维护模块。该模块列出了所有文章的所有评论,用户可以删除所述评论。我使用模型迭代

获取数据
 @foreach (var group in Model.GroupBy(item => item.Title))
                {
                    foreach (var item in group.Take(1))
                    {
                        <tbody>
                            <tr>
                                <td colspan="6" class="td_accordion">
                                    <table class="tbl-accordion-nested ui fixed single line celled table article_table">
                                        <thead>
                                            <tr>
                                                <td colspan="6" class="tbl-accordion-section "><i class="angle down icon"></i> @item.Title </td>
                                            </tr>
                                        <thead>
                                        <tbody>
                                            @foreach (var items in group)
                                            {
                                                <tr>
                                                    <td class="artitle_td"></td>
                                                    <td class="comment_td">@Html.DisplayFor(modelItem => items.Comment)</td>
                                                    <td>@Html.DisplayFor(modelItem => items.PostedBy)</td>
                                                    <td>@Html.DisplayFor(modelItem => items.CreateDate)</td>
                                                    <td>@Html.DisplayFor(modelItem => items.PcName)</td>
                                                    <td>
                                                        <a title="Delete" onclick="validateCancel(@items.ic_id)">Delete</a>
                                                    </td>
                                                </tr>
                                            }
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    }
                }

现在,我的问题是,我使用ajax post调用删除操作...删除方法有效但我可以找到一种方法来刷新数据表而不调用它:document.location.reload(true);

我调用ajax的函数:

function remove(id) {

        $.ajax({
            url: '/Articles/DeleteComment',
            type: 'POST',
            data: { id: id },
            success: function (result) {
                debugger;
                console.log(result);

                },
            complete: function () {
                $('.ui.confirmation.modal').modal('hide');
                $('.ui.button').removeClass('loading');

            }
        })
       document.location.reload(true);
    }

我正在使用JQuery Datatable for SemanticUI

任何帮助都可以!

我不使用JSON作为数据表的数据源

0 个答案:

没有答案