XmlHttpRequest之fetch

.慢慢亦漫漫

已于 2022-05-10 15:49:08 修改

阅读量730

点赞数 1

分类专栏： Ajax 文章标签：服务器 ajax

于 2022-05-10 15:48:37 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43183219/article/details/124689706

版权

博客探讨了XMLHttpRequest对象的使用，包括创建对象、发送请求和处理返回数据。然后详细介绍了Fetch API，包括其概述、特点、存在的问题以及注意事项。Fetch API基于Promise，支持async/await，但不支持abort操作，且对错误处理方式与XHR不同，需要额外处理。最后，提到了fetch默认不携带cookie的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

XmlHttpRequest对象的理解

XMLHttpRequest对象是基于XML的HTTP请求,是一个浏览器接口,用于与服务器交互，我们通过XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL获取数据，并且虽然名字叫XMLHttpRequest，但实际上可以用于获取任何类型的数据。

XMLHttpRequest对象使用方式

创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

建立http连接

xhr.open('GET', '/login');

发送请求

xhr.send()

获取返回数据

//就等待远程主机做出回应。这时需要监控XMLHttpRequest对象的状态变化，指定回调函数 
xhr.onreadystatechange = function(){
   
　　　　if ( xhr.readyState == 4 && xhr.status == 200 ) {
   
　　　　　　alert( xhr.responseText );
　　　　} else {
   
　　　　　　alert( xhr.statusText );
　　　　}
　　};