将网址中的数据放入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或其他替代方法来获取数据。