在WordPress页面中使用Java通过AJAX调用服务器数据

时间:2018-07-03 作者:Malachi Bazar

我正在WordPress上开发一个使用基于JavaScript的绘图库的网站,Plotly, 绘制从数据服务器检索的数据。我需要用户能够在文本字段中输入文本,该字段将在用户键入时更新图形。我希望该网站的工作类似于此w3schools example.

What I have so far:

<我可以使用这个插件在我的页面中运行JavaScript,Scripts and Styles.我可以使用脚本和样式插件在页面上运行绘图,使用以下代码:

<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="tester" style="width:600px;height:250px;"></div>
<script>
    TESTER = document.getElementById(\'tester\');
    Plotly.plot( TESTER, [{
        x: [1, 2, 3, 4, 5],
        y: [1, 2, 4, 8, 16] }], {
   margin: { t: 0 } } );
</script>
</body>

What I\'m missing:

<我不知道如何让JavaScript将AJAX发送到自定义PHP插件,以检索要发布回Plotly graph的数据

提前感谢!

1 个回复
SO网友:Morgan Estes

有很多好的资源可以帮助您构建插件,但我最推荐的是WordPress插件开发人员手册,尤其是section on Ajax. 您仍然需要了解Plotly数据所需的功能,但这应该会让您朝着正确的方向前进。

结束

相关推荐

将JavaScript变量转换为WordPress php变量

我需要将js变量推入php变量。AJAX url是通过wp\\u localize\\u脚本设置的,但它返回错误400错误请求。功能。php看起来像wp_localize_script( \'script-js\', \'compareids_ajax\', array( \'ajax_url\' => admin_url(\'admin-ajax.php\')) ); 自定义。js公司 var compareIDs = $(\".table td input:checkbox:check