我正在构建我的第一个项目,所以我对Js,Node Js等还很陌生。我的问题是,在这种情况下,如何将数据从Javascript文件发送到后端Node.js文件,Javascript文件是链接到html文件。
MY HTML:
<button type="button" class="btn btn-light bn" id="1"><span
class="dif">3/8"</span> Q2.15</button>
MY JAVASCRIPT:
const button = document.getElementById('1');
button.addEventListener('click', function(e) {
fetch('/clicked', {
method: 'POST',
body: JSON.stringify({ id: e.currentTarget.id }),
})
.then(function(response) {
if(response.ok) {
console.log('Click was recorded');
return;
}
throw new Error('Request failed.');
})
.catch(function(error) {
console.log(error);
});
});
NODE JS CODE:
app.post('/clicked', (req, res) => {
const click = JSON.parse(req.body).id;
Product.findOne({id: click}, function(err, foundLList) {
if(err) {
console.log(err);
} else {
console.log(foundLList);
}
}
);
});
我要完成的工作是将单击的按钮的ID发送到后端(node.js),但不起作用,我尝试用console.log thr req和req.menu以及当我执行req.menu时仅出现{},并且当我向请求添加.id时显示未定义。