Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Ajax和Node.js的简单按钮点击示例?_Javascript_Ajax_Node.js_Express - Fatal编程技术网

Javascript 使用Ajax和Node.js的简单按钮点击示例?

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

我对Ajax和Node.js+Express都是新手。在这一点上,我试图找出如何通过按钮与前端和后端进行通信

我在HTML页面上有一个按钮,我想用它从后端调用函数并将文本输出到客户端

这里是我拼凑起来的我需要的东西,但我正在寻找一个如何做到这一点的例子

这一切都发生在/页上

index.hjs文件

<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!');
});