Question

我得到了这个表格代码

<table id="tabel_komponen" class="table table-hover">
    <thead>
        <tr>
            <th>ID Komponen</th>
            <th>Nama Komponen</th>
            <th>Ekuivalen SKS</th>
            <th>Ekuivalen Jam</th>
            <th>Indikator</th>
        </tr>
    </thead>
    <tbody id="badan_tabel" >                     
    </tbody>
</table>

我使用dataTable插件让它看起来不错，这里是代码

$(document).ready( function () {
    $('#tabel_komponen').DataTable();
} );

我想从此网址获取该表的数据：http://paramadina.net:18011/data/psc_komponen

我已经尝试过这段代码了

$(document).ready( function () {
    $('#tabel_komponen').DataTable();
} );
var table = $('#tabel_komponen').DataTable( {
    ajax: 'data.json'
} );

alert( 'http://paramadina.net:18011/data/psc_komponen'+table.ajax.url() );

但它不起作用......我想在表格中添加一个编辑按钮

感谢!!!!

Answer 1

如果http://paramadina.net:18011/data/psc_komponen/data.json是JSON文件所在的URL，请使用以下代码：

$(document).ready( function () {
    $('#tabel_komponen').DataTable({
       ajax: 'http://paramadina.net:18011/data/psc_komponen/data.json'
    });
});

正如@davidkonrad所述，除非paramadina.net允许跨域请求，否则上述代码将失败。您需要允许此类请求或使用JSONP或其他替代方法来获取数据。

将数据从url放入dataTable

1 个答案: