AJAX异步交互同源策略跨域 Cookie

最新推荐文章于 2024-09-19 13:30:22 发布

被风吹散的人

最新推荐文章于 2024-09-19 13:30:22 发布

阅读量288

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： ajax javascript jquery

本文链接：https://blog.youkuaiyun.com/amuist_ting/article/details/120175377

本文详细介绍了AJAX的核心组件XMLHttpRequest，包括如何创建实例、设置请求参数和响应处理。同时，讨论了同源策略的限制及跨域的解决方案，如CORS和JSONP的工作原理。此外，还提到了Cookie验证及其属性，以及常用的AJAX库axios的API用法。

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

核心 XMLHttpRequest

XMLhttpRequest对象用于与服务器交互通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL，获取数据；这允许网页在不影响用户操作的情况下，更新页面的局部内容

let xhr = new XMLHttpRequest();

--xhr.open(method, url, flag)

method 请求方式

url 请求地址

--xhr.onreadystatechange

当readyState属性发生变化时触发

xhr.onreadystatechange = function(){}

--xhr.readyState 请求的状态码

`0`	`UNSENT`	代理被创建，但尚未调用 open() 方法。
`1`	`OPENED`	`open()` 方法已经被调用。
`2`	`HEADERS_RECEIVED`	`send()` 方法已经被调用，并且头部和状态已经可获得。
`3`	`LOADING`	下载中； `responseText` 属性已经包含部分数据。
`4`	`DONE`	下载操作已完成。