fetch和XMLHttpRequest 请求技术的区别和特点

fetch 是现代浏览器提供的一种更先进的异步请求方法，它使用 Promise，相比 XMLHttpRequest 更简洁和灵活。以下是一些比较：

fetch 的优势：

1. Promise 风格： fetch 使用 Promise，支持更现代的异步编程模型，可以使用 async/await 进行更清晰的代码编写。

2. 更简洁的 API： fetch 提供了更简洁的 API，更容易理解和使用，不需要像 XMLHttpRequest 那样设置多个属性。

3. 更强大的 Response 对象： fetch 返回的是一个 Response 对象，该对象提供了许多有用的方法和属性，如 json()、text() 等，使处理响应更加方便。

4. 支持跨域资源共享（CORS）： fetch 自带对 CORS 的支持，不需要额外配置。

XMLHttpRequest 的优势：

1. 更广泛的兼容性： XMLHttpRequest 在较老的浏览器中有更好的兼容性，如果需要支持旧版本的浏览器，可能需要使用 XMLHttpRequest。

2. 可中断的请求： XMLHttpRequest 可以通过 abort() 方法中断请求，而 fetch 需要使用 AbortController。

3. 上传和下载进度事件： XMLHttpRequest 提供了上传和下载的进度事件，方便监控请求的进行情况。

综合考虑，如果你的应用主要面向现代浏览器，而且你更喜欢 Promise 风格的异步编程，那么推荐使用 fetch。如果需要考虑兼容性或者需要使用 abort() 中断请求等特定功能，可以选择使用 XMLHttpRequest。