Question

我已经阅读了w3学校的教程，并且理解我曾尝试编写这个JSON文件，所以

JSON文件是否正确编程？
我可以通过没有localhost软件或服务器主机的artisteer在我的电脑上运行JSON文件吗？

{
"SitesList": 
[
{ "SiteName":"Site1" , "SiteId":100 }, 
{ "SiteName":"Site2" , "SiteId":200 },
{ "SiteName":"Site3" , "SiteId":300 }
]
}

以下是我试图阅读此文件以创建图表的方法

<script type="text/javascript">
            $(function ()  
                {
   var source = new DevExpress.data.DataSource({
    load: function(loadOptions) {
        var d = $.Deferred();
        $.getJSON('C:\Users\Desktop\testfile.json').done(function(data) {
            var filteredData = DevExpress.data
              .query(data)
              .filter(loadOptions.filter)
              .toArray();
            d.resolve(filteredData);
        });
        return d.promise();
    },
    filter: ['t', '>', '6']
});

$('#chartContainer').dxChart({
    dataSource: source,
    title: 'Test Diagram',
    size: {
        height: 420
    },
    series: {
        argumentField: 'day',
        valueField: 't',
        type: 'bar'
    },
    legend: {
        visible: false
    },
    valueAxis: {
        min: 5,
        label: {
            customizeText: function() {
                return this.valueText + '&#176C';
            }
        }
    }
});

changeFilter = function(e) {
    var t = e.options&#91;e.selectedIndex&#93;.value;
    source.filter(['t', '>', t]);
    source.load();
};

var html = '<div style="margin-top: 15px">Choose a option <select onchange="changeFilter(this)"><option selected>6<\/option><option>7<\/option><option>8<\/option><option>9<\/option><option>10<\/option><option>11<\/option><option>12<\/option><\/select><\/div>';
$('#chartContainer').append(html);
}

            );
</script>

Answer 1

您可以在此处检查json是否格式正确：http://jsonlint.com/。在这种情况下，你的不是。看起来你在数组中的第二个对象之后忘记了一个逗号。
在没有Web服务器的情况下访问本地文件在大多数现代浏览器上都不起作用，但有一种方法可以强制它。有关详情，请参阅此问题：Origin null is not allowed by Access-Control-Allow-Origin

是JSON文件正确编程？

1 个答案: