数据表不会重新加载json数据

尼尔

这不仅应该是一个简单的操作,而且我也会遵循该文档我有一个ajax调用返回一个json数据集。我已经成功清除了表,但是success调用方法没有任何反应。console语句表明正在返回数据...但是该表仍然为空。知道为什么吗?

JS

    $('#SortByCoverage').click(function () {
        var table = $('#theTable').DataTable();
        table.fnClearTable();

        $.ajax({
            url: '/Home/Question2',
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                console.log(data);                    
                $("#thetable").dataTable({
                    "aaData": data,
                    "aoColumns": [
                        {title:"AdId"},
                        {title:"BrandId"},
                        {title:"BrandName"},
                        {title:"NumPages"},
                        {title:"Position"}
                        ]                        
                });
            }
        });

服务器端代码

    public JsonResult Question2()
    {
        var ads = _client.GetAdDataByDateRange(new DateTime(2011, 1, 1), new DateTime(2011, 4, 1));
        var json = ads.Where(x => x.Position.Equals("Cover") && x.NumPages >= (decimal)0.5).Select(x => new{
            AdId = x.AdId,
            BrandId = x.Brand.BrandId,
            BrandName = x.Brand.BrandName,
            NumPages = x.NumPages,
            Position = x.Position
        });

        return Json(json, JsonRequestBehavior.AllowGet);
    }

样本数据(客户端)

在此处输入图片说明

编辑

正如注释中指出的那样,我dataTablesuccess回调中拼写了错误的元素名称但是,现在出现以下错误:

无法重新初始化DataTable。要检索此表的DataTables对象,请不传递任何参数,或参阅bRetrieve和bDestroy的文档

  1. 清除表后,是否真的需要销毁表才能重新加载数据?

  2. 我添加了bRetrievebDestroy这消除了错误,但仍然没有新数据加载到表中。

        $.ajax({
            url: '@Url.Action("Question2", "Home")',
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                console.log(data);
                $("#theTable").dataTable({
                    //"bRetrieve": true,
                    "bDestroy": true,
                    "aaData": data,
                    "aoColumns": [
                        {title:"AdId"},
                        {title:"BrandId"},
                        {title:"BrandName"},
                        {title:"NumPages"},
                        {title:"Position"}
                        ]                        
                });
            }
        });
    
克莱顿

我会有所不同,请看如何:

var theTable = $("#thetable").dataTable({
    "aaData": [],
    "aoColumns": [
        {data:"AdId"},
        {data:"BrandId"},
        {data:"BrandName"},
        {data:"NumPages"},
        {data:"Position"}
        ]                        
}).DataTable();

$('#SortByCoverage').click(function () {    
        $.ajax({
            url: '/Home/Question2',
            type: 'GET',
            dataType: 'json',
            success: function (data) {
              theTable.clear().draw();
              table.rows.add(data)
                .draw();                    

            }
        });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

数据表Ajax重新加载错误

来自分类Dev

数据表1.10重新加载Ajax数据

来自分类Dev

无法使用JSON加载数据表

来自分类Dev

如何在webix的数据表中重新加载数据?refresh()是否不重新加载数据?

来自分类Dev

如何将Ajax JSON结果重新加载到数据表?

来自分类Dev

更改事件时重新加载数据表

来自分类Dev

如何在重新加载数据表时传递参数

来自分类Dev

Django-使用Ajax重新加载数据表

来自分类Dev

用新的aaData值重新加载数据表

来自分类Dev

执行CRUD操作时Vuetify数据表重新加载

来自分类Dev

VueJS-如何重新加载数据表?

来自分类Dev

Ajax重新加载所有X秒-数据表

来自分类Dev

如何在重新加载数据表时传递参数

来自分类Dev

单击按钮后重新加载数据表

来自分类Dev

从新源重新加载数据表ajax

来自分类Dev

jQuery数据表在事件上重新加载

来自分类Dev

在MVC中从sDom格式重新加载数据表

来自分类Dev

重新加载后数据表按钮消失

来自分类Dev

jquery响应后无法重新加载数据表

来自分类Dev

数据表加载列表

来自分类Dev

如何强制数据表重新呈现或重新加载静态数据?

来自分类Dev

重新加载后比较数据表的数据,如果数据不变,则以红色突出显示行

来自分类Dev

数据表ajax发布用户选择的参数并重新加载表数据

来自分类Dev

ngTable 不会重新加载数据

来自分类Dev

加载数据后搜索数据表

来自分类Dev

数据表不加载json(带有对象的数组)

来自分类Dev

单击时使用ajax调用重新加载数据表数据

来自分类Dev

数据表的JSON源

来自分类Dev

如何使用数据表将json数据加载到表上?