【问题标题】:is that JSON file correctly programmed?该 JSON 文件是否正确编程?
【发布时间】:2014-02-25 10:53:58
【问题描述】:

我已阅读 w3 学校教程,据了解,我曾尝试编写此 JSON 文件

  1. 该 JSON 文件是否正确编程?

  2. 我可以通过artisteer在我的电脑上运行JSON文件,而不需要localhost软件或服务器主机吗?

{
"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>

【问题讨论】:

  • 首先使用 www.jsonlint.com 来验证您的 json。之后是解析代码
  • 非常有用的网站,谢谢我缺少逗号...但是请告诉我,nca 我通过艺术家运行它而不使用本地主机或服务器主机??我的图表会显示吗??...因为我的图表无法正常工作
  • 如果有一个网站可以帮助我编写 javascript 代码来读取 json 文件,比如你提供的链接,谢谢

标签: json


【解决方案1】:
  1. 您可以在此处检查 json 格式是否正确:http://jsonlint.com/。 在这种情况下,你的不是。看起来您在数组中的第二个对象之后忘记了逗号。

  2. 在大多数现代浏览器上无法在没有 Web 服务器的情况下访问本地文件,但有一种强制方法。有关更多信息,请参阅此问题:Origin null is not allowed by Access-Control-Allow-Origin

【讨论】:

    猜你喜欢
    • 2020-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-07
    • 1970-01-01
    相关资源
    最近更新 更多