【发布时间】:2017-08-30 22:53:44
【问题描述】:
我有一个名为 index.js 的节点应用程序,它运行 express。不久前,我决定将网站模板和我的节点应用程序合并在一起,到目前为止一切正常。我可以使用以下代码将其他路径加载到节点应用程序 (index.js) 中。
var express = require('express');
var app = express();
app.use('/assets', express.static(path.join(__dirname, '/assets')));
app.use(express.static(path.join(__dirname, '/')));
现在,我可以使用 express 提供不同的 html 页面,这意味着我的应用可以访问 assets 文件夹和文件夹内的内容。
现在,assets 文件夹包含其他名为 js、css 和...的文件夹 HTML 模板正在从 assets 的 js 文件夹中加载所有的 javascript 代码。请注意,javascript 代码未写入 HTML 文件中。下面是如何在我的 HTML 代码中触发脚本的示例:
<script src="../../assets/js/test.js"></script>
<script type="text/javascript">
$(document).ready(function(){
test.theFunction();
});
</script>
这是以下目录中的 javascript 代码:
// assets/js/test.js
test = {
theFunction: function() {
res.send("finally...");
console.log("sup?");
}
}
我正在尝试从test.js 调用index.js 内的以下函数:
// /index.js
app.get("/hey", function(req, res) {
res.send("wassaaa!!");
});
到目前为止,我已经尝试了以下代码,但它没有调用该函数:
$.get('/hey').success(function(response) {
$scope.final = response;
console.log(response);
});
我也在index.js 中尝试过module.exports,但是当我在test.js 中需要它时,我收到一条错误消息,说我不能在客户端需要东西。
我也看过一些关于 require.js 的示例,但这些示例主要解释了如何在 HTML 文件中而不是直接在 js 文件中加载 require.js。
总结一下,这就是我想要发生的事情:HTML文件触发test.js中的函数,然后test.js从index.js获取一些数据并再次将其传递给HTML文件......我正在尝试避免在 HTML 文件中编写 javascript 代码。
如果有人知道如何以更简单的方式实现我想要做的事情,我也愿意接受建议。提前谢谢...
【问题讨论】:
标签: javascript jquery html node.js ajax