javascript - 将url中的数据放入dataTable

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();
} );

我想从此 URL 获取表的数据: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 或其他替代方法来获取数据。