使用complete()时添加了不需要的值

complete() 方法通常用于异步操作，特别是在使用 jQuery 的 $.ajax() 或其他基于 Promise 的异步操作中。complete() 方法会在请求完成时（无论成功或失败）执行一个回调函数。如果你在使用 complete() 时添加了不需要的值，可能是因为回调函数的参数不正确或者逻辑处理上有误。

基础概念

异步操作：不会阻塞程序执行的操作，通常用于网络请求、文件读写等耗时任务。
回调函数：在特定事件发生时被调用的函数。
Promise：一种处理异步操作的编程模式，可以更清晰地管理异步流程。

类型与应用场景

$.ajax().complete()：适用于使用 jQuery 进行 AJAX 请求的场景。
Promise.prototype.finally()：适用于基于 Promise 的异步操作，无论成功或失败都会执行。

示例代码

假设我们有一个简单的 AJAX 请求，并且希望在请求完成时执行一些操作：

$.ajax({
    url: 'https://api.example.com/data',
    method: 'GET'
}).done(function(response) {
    console.log('Success:', response);
}).fail(function(error) {
    console.error('Error:', error);
}).complete(function(xhr, status) {
    // 这里添加了不需要的值
    console.log('Complete:', xhr, status);
});

如果你发现 complete() 中添加了不需要的值，可能是因为你错误地使用了回调函数的参数。通常，complete() 的回调函数接收两个参数：

xhr：XMLHttpRequest 对象。
status：请求的状态（如 "success", "notmodified", "error", "timeout", "abort"）。

解决方法

如果你不需要这些参数，可以直接忽略它们：

$.ajax({
    url: 'https://api.example.com/data',
    method: 'GET'
}).done(function(response) {
    console.log('Success:', response);
}).fail(function(error) {
    console.error('Error:', error);
}).complete(function() {
    // 忽略 xhr 和 status 参数
    console.log('Request completed.');
});

或者，如果你使用的是基于 Promise 的方法，可以使用 finally()：

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log('Success:', data))
    .catch(error => console.error('Error:', error))
    .finally(() => {
        console.log('Request completed.');
    });