Footable V3 Ajax Data Loading: Error: No Columns Supplied

Footable V3 Ajax Data Loading: Error: No Columns Supplied

我在加载 footable V3 ajax 数据时遇到问题。我目前正在使用 v3.0.1 并尝试完全按照此处指定的方式实施示例:

http://fooplugins.github.io/FooTable/docs/examples/advanced/ajax.html

我已经创建了包含示例中提供的相同数据的指定文件 columns.json 和 rows.json。

我正在初始化 table 使用:

        $('.table').footable(
        {
            "columns": $.get("locatorApp/columns.json"),
            "rows":  $.get("locatorApp/rows.json")
        });

我遇到错误:

FooTable:初始化期间抛出未处理的错误。错误:未提供列。 出错时(本机) 在 ../footable-standalone-v3.0.1/js/footable.js:2623:16) 在 ../footable-standalone-v3.0.1/js/footable.js:2662:7)

我知道它可以找到文件,因为我可以通过使用不正确的文件名来引发 404 错误。 我尝试从文件中获取数据并在 footable 初始化对象中指定它,它没有任何问题。

$('.table').footable({
    "columns": [{"name":"col1", "title": "Col 1"},
                {"name":"col2", "title": "Col 2"} ],
    "rows": [{"col1":"abc", "col2":"def"},
                     {"col1":"ghi", "col2":"jkl"}, 
                     {"col1":"ghi", "col2":"jkl"}, 
                     {"col1":"ghi", "col2":"jkl"}, 
                     {"col1":"ghi", "col2":"jkl"}]
});

我想知道我是否没有正确指定承诺,尽管它们与上面的 footable 示例中所示相同。

非常感谢任何帮助。

我不知道您是否遇到了跨脚本请求问题?如果您在本地开发,请查看开发人员选项中 javascript 控制台中显示的内容。我最近在使用本地 json 文件时遇到了这个问题。

问题在于,在读取文件时,传递给 Footable 的承诺解析为字符串数组,而不是包含行数据的 JavaScript 对象数组。