在其他网页中将图表和选择框作为“小部件”包含在内


Including a chart and selection box as "widgets" in other webpages?

我的数据门户提供了将数据显示为图形的可能性。我设法让用户可以通过在他们的HTML文件中插入一个Javascript文件(由我这边生成)来包含这些Highcharts图形。[示例]

现在,我想添加在图表侧面包含用于选择要显示的国家/地区的下拉框的可能性。[示例]

但是,为了使用户生成具有不同国家/地区的新图形,必须将请求发送回我们的服务器,并且必须将响应发送回客户端。我正在努力解决如何在对客户网站产生最小"影响"的情况下实施这一点。

JQuery已经集成到用户插入到他的代码中的Javascript文件中。所以,我可以使用它。也许整个事情只有在用户将其集成到PHP中时才有效,而不仅仅是HTML文件。

这种 AJAX 调用是否有可能:

$("#whatever").load("http://remote-server.com/my_script.php")

我对如何继续有点困惑。

感谢您的任何提示!

最好的选择是通过 JSON 与服务器通信。因此,您在下拉列表中捕获事件,将 $.getJSON() 调用到您的服务器,返回可以在图表中使用的 json 数据。

在图表上操作的函数:- 设置数据- 添加点- 系列更新

所有这些都记录在这里

jQuery有一个内置的AJAX方法,你可能会觉得很有用。

$.get("http://remote-server.com/my_script.php" [, data ] [, success ] [, dataType ] )

您可以通过 data 参数将变量传递给服务器脚本。 当服务器返回数据时,您可以使用回调函数决定如何处理数据。