Javascript 使用Ajax和Node.js的简单按钮点击示例?
我对Ajax和Node.js+Express都是新手。在这一点上,我试图找出如何通过按钮与前端和后端进行通信 我在HTML页面上有一个按钮,我想用它从后端调用函数并将文本输出到客户端 这里是我拼凑起来的我需要的东西,但我正在寻找一个如何做到这一点的例子 这一切都发生在/页上 index.hjs文件Javascript 使用Ajax和Node.js的简单按钮点击示例?,javascript,ajax,node.js,express,Javascript,Ajax,Node.js,Express,我对Ajax和Node.js+Express都是新手。在这一点上,我试图找出如何通过按钮与前端和后端进行通信 我在HTML页面上有一个按钮,我想用它从后端调用函数并将文本输出到客户端 这里是我拼凑起来的我需要的东西,但我正在寻找一个如何做到这一点的例子 这一切都发生在/页上 index.hjs文件 <button class="btn btn-success" onclick="install()">Install</button> // Client Side Aja
<button class="btn btn-success" onclick="install()">Install</button>
// Client Side Ajax Script
<script>
$('button').click(function () {
$.post('/page', {data: 'blah'}, function (data) {
console.log(data);
});
}, 'json');
</script>
app.post('/page', function (req, res, next) {
calling.aFunction();
res.write('A message!');
});
这些都是我需要的部分吗?需要编辑哪些内容才能使此功能正常工作?index.js
<button class="btn btn-success">Install</button>
// Client Side Ajax Script
<script>
$('button').click(function () {
$.post('/page', {data: 'blah'}, function (data) {
console.log(data);
});
}, 'json');
</script>
您应该会在浏览器控制台中看到“消息!”。您试过了吗?有什么问题吗?是的,我试过了,收到了错误
uncaughtreferenceerror:install未定义
,这是因为按钮中的onclick
属性有一些方法install()
列出您似乎不需要此选项,因为您使用jQueryRemoving()方法/函数分配了一个click事件处理程序似乎无法解决此问题。错误现在消失了,但没有得到任何输出或任何东西。我不知道你在讨论什么问题,你只是问你是不是这样做的。您是否有应该包含的错误?你有没有检查过你的网络监视器,看看POST
方法是否完成了?我如何在app.js中获取“blah”数据?不知道“blah”数据是什么意思。这只是我显示发送到post destinationSorry的有效负载的方式,我必须在我的问题中更加具体:如果我还想使用$.post方法将数据从index.js传回后端(app.js),我该怎么做?那不是{数据:'废话'}吗?在app.post(…我如何从req读取它?req.body.data将是“blah”顺便说一句,我的最后一条评论假设您正在使用ExpressBodyParser处理post数据
app.post('/page', function (req, res) {
calling.aFunction();
res.send('A message!');
});