在我的电子商务网站上点击搜索按钮后，如何停止页面重新加载？

document.getElementById('searchButton').addEventListener('click', function(event) {
  event.preventDefault(); // 阻止默认的表单提交行为
  // 执行搜索操作
});

document.getElementById('searchButton').addEventListener('click', function() {
  var keyword = document.getElementById('searchInput').value;
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'search.php?keyword=' + keyword, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = xhr.responseText;
      // 更新页面上的搜索结果
      document.getElementById('searchResults').innerHTML = response;
    }
  };
  xhr.send();
});