117笔记问答preventDefault() 是一个 JavaScript 方法，用于阻止事件的默认行为。在 AJAX 请求中，我们通常会使用 preventDefault() 来阻止表单提交时的页面刷新。以下是在 AJAX 请求中使用 preventDefault() 的一些技巧：
- 使用
event参数：当你在事件监听器中使用preventDefault()时，确保传递event参数。例如，在点击事件中使用preventDefault()：
document.querySelector('button').addEventListener('click', function(event) {
event.preventDefault();
// 你的 AJAX 请求代码
});
- 阻止表单提交：在提交表单时，使用
preventDefault()阻止默认的表单提交行为，然后使用 AJAX 发送表单数据。
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
// 你的 AJAX 请求代码
});
- 在 AJAX 请求中使用
preventDefault()：虽然在 AJAX 请求本身中使用preventDefault()没有意义，但你可以在触发 AJAX 请求的事件中使用它。例如，当用户点击按钮时，你可能希望阻止默认行为，然后执行 AJAX 请求。
document.querySelector('button').addEventListener('click', function(event) {
event.preventDefault();
// 你的 AJAX 请求代码
});
-
确保在事件监听器内部调用
preventDefault()：确保在事件监听器的函数内部调用preventDefault()，而不是在 AJAX 请求的回调函数中调用。这样可以确保在事件发生时立即阻止默认行为。 -
使用
preventDefault()与stopPropagation()结合：有时，你可能需要同时阻止事件的默认行为和事件冒泡。在这种情况下，可以同时使用preventDefault()和stopPropagation()。
document.querySelector('button').addEventListener('click', function(event) {
event.preventDefault();
event.stopPropagation();
// 你的 AJAX 请求代码
});
总之，在 AJAX 请求中使用 preventDefault() 的关键是确保在触发 AJAX 请求的事件中阻止默认行为，从而避免页面刷新或其他不必要的操作。