根据 ajax 响应更新 javascript 图表答案

【问题标题】：Update javascript chart based on ajax response根据 ajax 响应更新 javascript 图表
【发布时间】：2022-07-22 18:24:01
【问题描述】：

我正在尝试根据数据库中的 ajax 数据填充我的 javascript 图表数据。如果有帮助，有问题的图表称为顶点图表。我正在通过 ajax 提交表单并得到如下结果：

type: "POST",crossDomain: true, cache: false,
data: loginStringnew,
success: function(data2){
$("#appyrpen").html(data2);

现在不是在 $("#appypen").html(data2); 中显示结果

我想更新一个如下所示的 javascript 图表代码：

 if($('#sales_chart').length>0){var
columnCtx=document.getElementById("sales_chart"),columnConfig={colors
['#0CE0FF','#1B5A90','#DFE5FC'],series:[{name:"Completed",type:"column",data:[4,2.8,5,2,3.2,1.2,2,3,2,3.5,5,2]}

图表的数据元素是这样的：data:[4,2.8,5,2,3.2,1.2,2,3,2,3.5,5,2]} 我正在尝试用 ajax 填充它成功的结果。

感谢大家的帮助。

【问题讨论】：

标签： javascript ajax forms

【解决方案1】：

虽然不是 AJAX 解决方案，您可以使用 php，而不是尝试根据 ajax 响应填充 javascript。将 php 代码和 javascript 放在同一页面上，然后填充数据集数据：[4,2.8,5,2,3.2,1.2,2,3, 2,3.5,5,2] 使用数据：[]

因此，无论您在下面的 ajax 中得到什么响应，您都可以在 php 查询中获取它并将其分配给 $phpresult，然后在数据占位符中回显该结果变量。希望这是有道理的。

success: function(data2){
$("#appyrpen").html(data2);

【讨论】：