从Perl创建HTML页面,包括Javascript:刷新Javascript变量

Creating HTML page from Perl incl. Javascript: Refresh of Javascript variable

本文关键字:Javascript 刷新 变量 包括 Perl 创建 HTML 页面      更新时间:2023-09-26

我目前正在编写我的内部网站点,运行在Synology NAS上。由于内部网页面(通过Javascript)不能访问NAS上的"www"文件夹之外的任何文件夹,我不得不在服务器端使用Perl脚本,因为应该显示的数据位于NAS上的"www"文件夹之外。

perl脚本现在编写整个html页面,包括通过dygraphs绘制图表所需的Javascript代码。perl脚本所做的最重要的事情是处理。csv文件并写入

var $chartdata = [["2014/07/06 12:05", 15], ["2014/07/06 12:06"], 15.5, ...];

是序列变量,因为dygraphs库(dygraphs.com)需要它来显示图表。因此,我在"script"标签内动态编写javascript行。对于URL中传递的perl变量(script.pl?day=07&month=06&year=2014),该变量的编写方式不同。

这一切都显示在iPad上,工作得很好。

我现在已经实现了滑动功能,并希望使用显示日期的前一天或之后的数据刷新图表,这取决于向左或向右滑动。滑动功能也可以。

我的问题是,我如何刷新/重写javascript变量而不需要刷新整个页面?它只使用URL变量中的新数据执行整个perl脚本,从而重写整个html页面。但是我只想刷新图表,也就是图表的数据。

关于如何实现这一点有什么想法吗?

非常感谢并致以最良好的问候。dmy

您需要使用AJAX。可能最简单的方法是在服务器上设置一个端点,运行perl脚本并输出绘图函数可以理解的JSON。当页面加载时,请求提供默认图形;当用户滑动时,发出一个新的请求,给你相应的图形,等等。

如果你正在使用jquery,你可以使用这个函数