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

在电子商务网站上，点击搜索按钮后停止页面重新加载可以通过以下方法实现：

使用JavaScript事件监听：在搜索按钮的点击事件中，使用event.preventDefault()方法阻止默认的表单提交行为，从而阻止页面重新加载。示例代码如下：

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

使用Ajax技术：通过Ajax发送异步请求，将搜索关键字发送到后端进行处理，然后将返回的结果更新到页面上，而不需要重新加载整个页面。这样可以实现无刷新搜索。示例代码如下：

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();
});