Javascript 使用本地文件而不是$.getJSON
我对Javascript非常陌生,所以请用高级语言道歉 它包含一个使用AJAX请求从名为Javascript 使用本地文件而不是$.getJSON,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,我对Javascript非常陌生,所以请用高级语言道歉 它包含一个使用AJAX请求从名为jsonp.php的文件中获取数据的图表 我试图重新创建此文件,但使用本地文件,而不是来自其服务器的文件。我可以下载他们的示例jsonp.php文件并将其保存到我的桌面上 我已经设法把这些代码放在一起,允许我打开并读取文件 <!DOCTYPE html> <html> <script src="http://code.highcharts.com/stock/highstock
jsonp.php
的文件中获取数据的图表
我试图重新创建此文件,但使用本地文件,而不是来自其服务器的文件。我可以下载他们的示例jsonp.php
文件并将其保存到我的桌面上
我已经设法把这些代码放在一起,允许我打开并读取文件
<!DOCTYPE html>
<html>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<input type="file" id="files" name="file" />
<div id="container" style="height: 500px; min-width: 500px"></div>?
<script>
function handleFileSelect(evt)
{
var files = evt.target.files; // FileList object
for (var i = 0, f; f = files[i]; i++)
{
var reader = new FileReader();
reader.onload = (function(reader)
{
return function()
{
var contents = reader.result;
//var lines = contents.split('\n');
//example('test')
//////
//document.getElementById('container').innerHTML=contents;
}
})(reader);
reader.readAsText(f);
}
}
//function example(a)
//{
//alert('You have chosen: ' + a);
//}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
</html>
这是行不通的。请问我哪里出了问题
谢谢您发送的JSFIDLE中有几个语法错误。基本错误已解决。但是,我没有尝试使用Highcharts应该需要的格式文件
提示:尝试使用Chrome中的Javascript控制台查看错误。谢谢。它现在正在渲染图表,但没有读取数据。我尝试使用
var contents=reader.result发送内容代码>然后<代码>渲染艺术(内容)代码>哪一个同样不起作用?你知道为什么保存的jsonp.php与从$.getJSON收到的不同吗?
function renderChart(data) {
// Create the chart
window.chart = new Highcharts.StockChart({
chart : {
renderTo : 'container'
},
rangeSelector : {
selected : 1
},
title : {
text : 'AAPL Stock Price'
},
series : [{
name : 'AAPL',
data : data,
tooltip: {
valueDecimals: 2
}
}]
});
});