Javascript 创建实时web应用程序

我必须制作一个应用程序，使用Highcharts动态更新数据。这不是一个大问题，因为他们有一个很好的教程。这个例子很好用

当我不想跨多个设备（使用xampp）共享此应用程序时，我遇到了一些问题。当我打开指向我的webapp的链接时：

http://IP-adress/ENRGYMONITOR/index.html

图形显示，但不显示或更新任何数据。以下是我编写的javascript：

var图表；//全球的
/**
*从服务器请求数据，将其添加到图表中，并设置超时以再次请求
*/
函数requestData（）{
$.ajax({
网址：'http://localhost/live-server-data.php',
成功：功能（点）{
var系列=图表系列[0]，
shift=series.data.length>20；//如果序列长度超过20，则进行shift
//补充一点
chart.series[0].添加点（eval（point），true，shift）；
//一秒钟后再打
setTimeout（requestData，5000）；
},
缓存：false
});
}
$（文档）.ready（函数（）{
图表=新的高点图表。图表({
图表：{
renderTo:'容器'，
defaultSeriesType:“样条线”，
活动：{
加载：请求数据
}
},
标题：{
文本：“实时随机数据”
},
xAxis：{
键入：“日期时间”，
像素间隔：150，
最大缩放：20*1000
},
亚克斯：{
最小填充：0.2，
最大填充：0.2，
标题：{
文本：“值”，
差额：80
}
},
系列：[{
名称：'随机数据'，
数据：[]
}]
});
}); 

---

有人能告诉我问题出在哪里吗？

您的

$。ajax

呼叫失败：

url: 'http://localhost/live-server-data.php'

这里的“localhost”是运行客户端（web浏览器）的计算机，而不是发送数据的服务器

您应该尽量避免使用绝对URL。将其修改为：

 url: 'live-server-data.php'

---

假设

live server data.php

与

index.html

位于同一目录下（这很重要），非常感谢，这解决了我的问题。