Question

我正尝试将单击后的按钮ID发送到用于订单处理站点的server.js

我已经尝试在JavaScript文件中进行抓取，但是对于每种产品的尺寸和价格，我都必须做很多事情，以下是我的Javascript，Node Js和HTML文件。

这是我的HTML代码：

<button type="button" class="btn btn-light bn" id="l1">
    <span class="dif">3/8"</span> Q2.15
</button>            
<button type="button" class="btn btn-light bn">
    <span class="dif">1/2"</span> Q2.90
</button>

这是我的JS代码：

 const button = document.getElementById('l1');

 button.addEventListener('click', function(e) {
 console.log('button was clicked');


fetch('/clicked', {method: 'POST'})
    .then(function(response) {
      if(response.ok) {
        console.log('Click was recorded');
        return;
    }
       throw new Error('Request failed.');
    })
    .catch(function(error) {
      console.log(error);
    });
});

这是我的节点JS代码：

app.post('/clicked', (req, res) => {
  const click = 12;
  Product.findOne({id: click}, function(err, foundLList) {
        if(err) {
            console.log(err);
        } else {
            console.log(foundLList);
        }
    }
); 
});

我要达到的目的是在单击以发布节点js时发送按钮id。

Answer 1

获取第二个参数需要更多属性。在body中，您可以发送数据：

fetch('/clicked', {
    method: 'POST', 
    body: JSON.stringify({ id: e.currentTarget.id }),
})

如何将元素ID发送到Node JS文件

1 个答案: