JavaScript 在发送 ajax 请求时，可能也发生请求意外被取消，表现为控制台的 NetWork 显示请求 canceled。

JavaScript 在发送 ajax 请求时，可能也发生请求意外被取消，表现为控制台的 NetWork 显示请求 canceled。

1
2
3
4
5
6
7
8
9
$（“＃call_ajax”）。on（“click”，function（event）{

   $ .ajax（{

      ...

   }）;

}）;
1
<button id="“call_ajax”">调用button></button>

事件成功发送请求，但（可能由于服务器处理）被取消。为了防止请求被取消，可以尝试在请求之前调用 event.preventDefault 事件；

1
2
3
4
5
6
$("#call_ajax").on("click", function(event){
   event.preventDefault();
   $.ajax({
      ...
   });
});

语法

1
event.preventDefault();

说明

该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type
属性是 “submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的
cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

编辑文章✏