更新： 为避免问题完全归因于同一原产地政策的可能性，我尝试在本地提供服务，因为所有资产都来自http://localhost:4000使用
Serve。它没有解决问题。因此，由于相同的原始策略，可能无法编辑小提琴，但是您可以在此处看到代码。

我正在尝试使用Dynatable加载外部JSON，跳过读取/标准化步骤（该步骤从现有表生成JSON）。应该支持它，但是它对我不起作用。

这是我对JSFiddle的尝试。从小提琴中可以看出，从文档中加载JSON（对我来说似乎并不是很有用），可以正常工作。但是从URL提取它根本不起作用。

这是我的JavaScript：

// getting JSON from the document works, but of what use is that?
$(document).ready( function() {
    $('#local').dynatable({
        dataset: {
            records: JSON.parse($('#music').text())
        }
    });        
    // getting JSON from a remote source fails:
    $('#remote').dynatable({
        dataset: {
            ajax: true,
            ajaxOnLoad: true,
            ajaxUrl: '//www.dynatable.com/dynatable-ajax.json',
            records: []
        }
    });
});

…，它引用两个表，一个表的ID为“ local”，另一个表的ID为“ remote”，以及一个包含本地表数据的脚本：

<h3>Remote JSON: Failing</h3>
<table class="table table-striped" id="remote">
  <thead>
    <th>Some Attribute</th>
    <th>Some Other Attribute</th>
  </thead>
  <tbody>
  </tbody>
</table>
<hr>
<h3>Local JSON: Succeeding</h3>
<table class="table table-striped" id="local">
  <thead>
    <th style="color: black;">Band</th>
    <th>Album</th>
  </thead>
  <tbody>
  </tbody>
</table>
<script id="music">
[
    {
        "band": "The Police",
        "album": "Ghost In The Machine"
    },{
        "band": "Supertramp",
        "album": "Breakfast In America"
    },{
        "band": "Peter Tosh",
        "album": "Mama Africa"
    },{
        "band": "The Police",
        "album": "Regatta d'Blanc"
    },{
        "band": "The Police",
        "album": "Zenyatta Mondatta"
    },{
        "band": "Supertramp",
        "album": "Crime of the Century"
    },{
        "band": "Talking Heads",
        "album": "Remain in Light"
    },{
        "band": "Talking Heads",
        "album": "Speaking in Tongues"
    }
]
</script>