為什么我的POST請求觸發快遞獲取

Question

我的快遞服務器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.' } 

好像頁面在收到響應后正在重新加載。

Answer 1

找到正確的問題后，我會找到以下答案： 如何避免在XMLHttpRequest調用后自動重新加載頁面？ 。 從上面的代碼中不明顯的是，我正在提交一種表格。 為了防止表單提交的默認操作，我這樣做是：

close.addEventListener('click', function(e) {
  e.preventDefault();
  value = checkbox[0].checked;
  updateCard(value);
});