gpt4 book ai didi

javascript - 如何在 Node js 应用程序 javascript 中将函数从 index.html 调用到 app.js 文件

转载 作者:行者123 更新时间:2023-11-30 09:37:18 27 4
gpt4 key购买 nike

我有一个 Node js 应用程序,其中有我的 app.js 和一个为路由/index 显示的 html。现在在我的索引文件中,我有一个按钮和文本框,当我单击按钮时,我试图调用一个函数。在那个函数中,我将有一个带有一些文本“Hello”的变量,它应该显示在文本框中。我无法实现这个可以有人帮助。

<html>
<body>
<div class="jumbotron" style="padding:40px;">
<h1>Hello!!!</h1>
<div>
<button type="submit" onclick="getData();">Call</button>
<input type="text">
</div>
</div>
</div>
</body>
</html>

应用程序.js

app.get('/index',function(req,res){ 
res.sendFile(path.join(__dirname+'/index.html'));
});
function getData(){
console.log("Hello");
var text="Hello";
};

现在我收到未定义 getData 的引用错误。有人可以帮忙吗。

最佳答案

我想你可能误解了什么是 NodeJS。 Node 不同于在浏览器中运行的其他 JavaScript 或 jQuery。

Node 是在服务器上运行的代码。您在 app.js 中正确完成的是让服务器将 index.html 文件发送到浏览器。但在那之后,浏览器只知道并可以访问 index.html 文件,它是一个单独的文件和上下文,因此无法再访问服务器。

让您的页面调用服务器上的函数的唯一方法是创建某种 API,在该 API 中您的页面向服务器发送单独的 http 请求,然后服务器以函数的输出作为响应。

关于javascript - 如何在 Node js 应用程序 javascript 中将函数从 index.html 调用到 app.js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42806949/

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