gpt4 book ai didi

javascript - Pug - 在 pug 脚本中从服务器访问数据(类型 ='text/javascript' )

转载 作者:行者123 更新时间:2023-12-03 03:07:06 28 4
gpt4 key购买 nike

我正在尝试从服务器加载数据到我的哈巴狗模板中。

我的路线如下所示:

app.get('/serverdata', async(req, res) => {

const chartData = []
for (const i = 0; i < 7; i++) {
chartData.push(Math.random() * 50)
}

const result = JSON.stringify(chartData)

res.render('serverdata', {
result,
})
})

我的哈巴狗模板如下所示:

  .row
.col-md-12
.card
.embed-responsive.embed-responsive-16by9
canvas#myNewChart(style='display: block; width: 1000px; height: 500px;', width='1000', height='500')

block specific-js
script(type='text/javascript', src="js/plugins/chart.js")
script(type='text/javascript').
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: result //here I am getting the error
}
]
};

var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx).Line(data);

我的错误在我的 View 文件中:

serverdata:13 Uncaught ReferenceError: result is not defined
at serverdata:13

对于如何在我的 pug 文件的 script. 标记中加载服务器数据有什么建议吗?

感谢您的回复!

最佳答案

我认为你正在混合不同的上下文。给您错误的行是在浏览器中执行的,并且在该上下文中,没有名为 result 的变量。

由于您的服务器上有一个端点 /serverdata,因此您只需从该 URL 加载和解析数据即可。详细信息取决于您使用的 JavaScript 库类型,但 jQuery getJSON :

$.getJSON("/serverdata", function(data) {
/* Update your chart by using 'data' */
});

关于javascript - Pug - 在 pug 脚本中从服务器访问数据(类型 ='text/javascript' ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47119784/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com