如何中止ajax请求

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data');
xhr.send();

// 中止请求
xhr.abort();

const controller = new AbortController();
const signal = controller.signal;

fetch('https://api.example.com/data', { signal })
  .then(response => response.json())
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('请求已中止');
    } else {
      console.error('请求错误', err);
    }
  });

// 中止请求
controller.abort();

.catch(err => {
  if (err.name === 'AbortError') return;
  // 处理其他错误
});

let currentController;

function fetchData() {
  currentController?.abort();
  currentController = new AbortController();
  
  return fetch(url, { 
    signal: currentController.signal 
  });
}

<script src="https://cdn.jsdelivr.net/npm/abortcontroller-polyfill/dist/abortcontroller-polyfill-only.min.js"></script>

useEffect(() => {
  const controller = new AbortController();
  fetchData(controller.signal);
  
  return () => controller.abort();
}, []);

const timeoutId = setTimeout(() => controller.abort(), 5000);
fetch(url, { signal: controller.signal })
  .finally(() => clearTimeout(timeoutId));

const source = axios.CancelToken.source();
axios.get(url, { cancelToken: source.token });
source.cancel('Operation canceled');