ajax(XMLHttpRequest)

2023-01-11 21:16:14   5  举报





AI智能生成

ajax

前端

request

模板推荐

作者其他创作

大纲/内容

封装简易版的ajax

Fetch 新的网络请求API

当接收到一个代表错误的 HTTP 状态码时， 从 fetch() 返回的 Promise 不会被标记为 reject，  即使响应的 HTTP 状态码是 404 或 500。 相反，它会将 Promise 状态标记为 resolve  （但是会将 resolve 的返回值的 ok 属性设置为 false ）， 仅当网络故障时或请求被阻止时，才会标记为 reject。

fetch() 可以不会接受跨域 cookies； 你也可以不能使用 fetch() 建立起跨域会话。 其他网站的 Set-Cookie 头部字段将会被无视。

fetch 不会发送 cookies。 除非你使用了credentials 的初始化选项。 （自 2017 年 8 月 25 日以后， 默认的 credentials 政策变更为 same-origin。 Firefox 也在 61.0b13 版本中进行了修改）

xhr.readyState

0 未初始化，还没有调用send()方法

1 载入，已调用send()方法，正在发送请求

2 载入完成，send()方法执行完成，已经接收到全部响应内容

3 交互，正在解析响应内容

4 完成，响应内容解析完成，可以在客户端调用

xhr.status

HTTP协议的状态码，如200

同源策略

ajax请求时，浏览器要求当前网页和server必须同源（安全）