Bootstrap-Table -使用链接加载json文件

Question

我使用插件bootstrap-table加载了一个默认的json文件。

这是html代码：

<p><a href="#">This link load another json file in the table, for example data-table-alert2.json</a></p>
<table id="table-alert1" class="table table-striped" data-sort-order="desc" data-sort-name="field3">
   <thead>
        <tr>
            <th>Field1</th>
            <th>Field2</th>
            <th data-field="field3" data-sortable="true">Field3</th>
            <th data-field="field4" data-sortable="true">Field4<br />de Alerta</th>
            <th data-field="field5" data-sortable="true">Field5</th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th>Field6</th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th>Field7</th>
            <th>Field8</th>
        </tr>
    </thead>                        
</table>

这是js代码：

$(document).ready(function() {
    $("#table-alert1").bootstrapTable({ 
        url: 'json/data-table-alert1.json',
        columns: [{
            field: 'col1'
        }, {
            field: 'col2'
        }, {
            field: 'col3'
        }, {
            field: 'col4'
        }, {
            field: 'col5'
        }, {
            field: 'col6'
        }, {
            field: 'col7'
        }, {
            field: 'col8'
        }, {
            field: 'col9'   
        }, {
            field: 'col10'  
        }, {
            field: 'col11'  
        }, {
            field: 'col12'  
        }, {
            field: 'col13'  
        }, {
            field: 'col14'  
        }, {
            field: 'col15'  
        }, {
            field: 'col16'          
        }, ]
    });
});

我需要的是，当我点击一个链接或按钮时，另一个文件json会被加载。

感谢并致以最良好的问候，

Answer 1

你可以使用refresh方法来做你想做的事情：

$('#link').click(function () {
    $table.bootstrapTable('refresh', {
        url: 'data-table-alert2.json'
    });
});

下面是一个示例：http://issues.wenzhixin.net.cn/bootstrap-table/#issues/409.html，源代码在GitHub中。

顺便说一句:你可以在https://github.com/wenzhixin/bootstrap-table/issues/409上讨论这个问题。

Answer 2

我的回答是:首先，Json根本就是无效的。你总是需要输入字符串作为参数，比如：{"field“："col1"}等等。

您可以在jsonlint.com站点上验证您的JSON！

有关更多信息，您必须等待。我现在必须走了！