$ajax({}).done 和 $ajax({}) success 区别-白红宇

$ajax({}).done 和 $ajax({}) success 区别

阅读量：789 次

发布时间：2023-01-23

本文共 918 字，大约阅读时间需要 3 分钟。

jQuery 1.5版本之后引入了done方法，与传统的success方法存在显著区别。本文将详细解析AJAX事件处理流程及其区别，并探讨complete事件的重要性。

AJAX事件处理流程

在使用jQuery处理AJAX请求时，序列为：

ajaxStart：全局事件，表示请求开始。

beforeSend：客户端准备发送请求时触发。

ajaxSend：表示服务器接收了请求。

success：请求成功时触发，通常伴随着200状态码。

ajaxSuccess：全局事件，同样在请求成功时触发。

error：请求失败时触发，例如404、403等状态码。

ajaxError：全局事件，请求失败时触发。

complete：表示请求完成，可以是成功或失败。

ajaxComplete：全局事件，表示请求完成。

ajaxStop：全局事件，可用于停止正在执行的请求。

success与complete的区别

success：仅在请求成功且状态码为200时触发。

complete：在任何情况下完成请求时触发，包括状态码为404、403、302等。

为什么使用complete事件

Ready状态完成之后，complete事件旨在释放资源，确保 DOM 及其他资源得到正确处理。开发者应当在success之后配置complete事件，以进行必要的清理操作。

技术人员写作风格$

在实际开发中，建议合理配置AJAX选项，确保事件处理的正确性。例如，可以使用以下代码：

$.ajax({  url: 'example.php',  method: 'GET',  dataType: 'json',  success: function(res) {},  error: function(xhr, status, err) {},  complete: function(xhr, status) {},  beforeSend: function(xhr) {},  ajaxStart: function() {},  ajaxSend: function() {},});

通过配置complete事件，可以确保请求完成后执行必要的回调逻辑。

转载地址：http://aveyk.baihongyu.com/

你可能感兴趣的文章

JS系列（仅供参考）：【浏览器编程】浏览器F12调试工具面板详解和JavaScript添加断点