[英]Why is my POST request triggering express get
我的快递服务器deliverCard()
方法提供了一些键/值对。
app.get('/', (req, res) => {
let card = deck.deliverCard();
console.log('get', card)
res.render('layout.ejs', {element:card});
});
app.post('/', (req, res) => {
let card = deck.deliverCard();
console.log('post', card);
res.json(card);
});
XMLHttpRequest
:
function updateCard(value) {
let request = new XMLHttpRequest();
let params = JSON.stringify({learned: value});
request.onreadystatechange = () => {
if (request.readyState === 4 && request.status === 200) {
// Do a thing.
} else {
console.log('Status ' + request.status + ' text: ' + request.responseText);
}
}
request.open('POST', '/', true);
request.setRequestHeader('Content-type', 'application/json');
request.send(params);
}
close.addEventListener('click', function() {
value = checkbox[0].checked;
updateCard(value);
});
我从请求中恢复了正确的请求主体,但是由于某种原因,在服务器端,调用了get回调函数。
开始和初始页面加载:
app listening on port 3000!
get { name: 'div',
description: 'Defines a generic block of content, that does not carry any semantic value. Used for layout elements like containers.' }
根据要求:
post { name: 'meter', description: 'Defines a horizontal meter.' }
get { name: 'progress', description: 'Defines a progress bar.' }
好像页面在收到响应后正在重新加载。
找到正确的问题后,我会找到以下答案: 如何避免在XMLHttpRequest调用后自动重新加载页面? 。 从上面的代码中不明显的是,我正在提交一种表格。 为了防止表单提交的默认操作,我这样做是:
close.addEventListener('click', function(e) {
e.preventDefault();
value = checkbox[0].checked;
updateCard(value);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.