使用DataTables中的jquery和AJAX访问外部json文件

Question

我希望能够直接从网站加载json文件：

$(document).ready(function() {
    $('#example').DataTable( {
        ajax:{
            url: 'https://secure.bixi.com/data/stations.json',
            dataSrc: 'stations'
        },
        columns: [
        { data: 'n' },
        { data: 's' },
        { data: 'ba' },
        { data: 'da' },
        { 
            data: 'b' ,
            render: function(d) {
                return d ? 'Oui' : 'Non';
            }
        },
        { 
            data: 'su',
            render: function(d) {
                return d ? 'Oui' : 'Non';
            }
        }
        ]
    } );
} );

上面的代码无效。

当我在本地保存URL并通过本地文件更改url属性时，它可以正常工作。

由于

This是我得到的控制台日志：

  

无法加载https://secure.bixi.com/data/stations.json?_=1508040566454：请求的资源上没有“Access-Control-Allow-Origin”标头。因此，不允许访问Origin（我的网络服务器，例如127.0.0.1:8887）。响应的HTTP状态代码为404.

就像你说的那样，似乎是一个交叉起源错误。

我是这个的新手，没想到看日志。 你知道一个很好的教程吗？

感谢您快速回答btw。