bootstrab table 加载嵌套 json 文件不成功

发布于 2022-09-05 22:29:30 字数 1183 浏览 14 评论 0

利用bootstrab table 加载一个json 文件,发现不成功,json文件的格式是嵌套的,貌似默认不支持,请问如何解决?

JS代码如下:

$(document).ready(function() {
    
    $('#query').click(function(e){
    var tm = "xxx";
    var query = $('#queryString').val();
        var slang = $('#slanguage').val();
        var tlang = $('#tlanguage').val();
    var maxreturn = "100";
    $.ajax({
        url:"http://xxxx",
        data: JSON.stringify({"tmName":tm, "query":query, "sourceLanguage":slang, "targetLanguage":tlang, "maxReturn": maxreturn}),
        type: "post",
        contentType: "application/json"
    }).then(function(data, status, jqXHR) {
      
       $("#table").bootstrapTable({
        data: data
        
       });

    });
});
});

REST Json 返回

{"tmEntryArray":[{"sourceStr":"xxx","targetStr":"xxx"},{"sourceStr":"xxx","targetStr":"xxx"},{"sourceStr":"xxxxx","targetStr":"xxxx"}]}

表格的data-field已经设置于json一致,但无法加载。我手动测试将json
文件修改如下,可以加载。

[{"sourceStr":"xxx","targetStr":"xxx"},{"sourceStr":"xxx","targetStr":"xxx"},{"sourceStr":"xxxxx","targetStr":"xxxx"}]

由于json是REST API返回的结果,我无法修改,相信是table哪里设置文件,希望有人可以帮助我。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

回心转意 2022-09-12 22:29:30
$("#table").bootstrapTable({
        data: data.tmEntryArray        
});
夢归不見 2022-09-12 22:29:30

实在不行你就copy JSON串,JSON.parse改造一下数据呗。。。。。只是个建议

返回值里的参数挺丰富的

clipboard.png

一城柳絮吹成雪 2022-09-12 22:29:30

2楼的方法是可行的,后来发现其根源问题是,在加载数据前,需要调用一个destroy方法删除bootstrapTable,不知道这是什么原因,希望有大神可以解答。

$("#table").bootstrapTable({
        $("#table").bootstrapTable('destroy');
        data: data.tmEntryArray        
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文