【发布时间】:2014-02-25 10:53:58
【问题描述】:
我已阅读 w3 学校教程,据了解,我曾尝试编写此 JSON 文件
该 JSON 文件是否正确编程?
我可以通过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 + '°C';
}
}
}
});
changeFilter = function(e) {
var t = e.options[e.selectedIndex].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