简易的ajax

ajax简易

一般vue和一些小程序都是用人家封装好的请求方法,但是原生的ajax页不能少
在这里插入图片描述

xhr.readyStatr中的状态码

· 0 - (未初始化)还没有调用send()方法
· 1 - (载入)已调用send()方法,正在发送请求
· 2 - (载入完成)send方法执行完成,已经接收到全部相应内容
· 3 - (交互) 正在解析相应内容
· 4 - (完成)相应内容解析完成,可以在客户端调用

xhr.status状态码

· 2xx - 表示成功处理请求,如200
· 3xx - 需要重定向,浏览器直接跳转,如301、302、304
· 4xx - 客户端请求错误,如404、403
· 5xx - 服务器错误

在open方法中的三个方法

第一个是请求方式
第二个是请求地址
第三个是请求是否异步

跨域

同源策略:

ajax请求时,浏览器要求当前网页和server必须同源(安全)
同源:协议,域名,端口,三者一致
前端: http://a.com:808/; server:https://b.com/api/xxx

在加载cee js 可以无视同源策略

使用在那些地方

<img / >可用于打点,可以使用第三方统计服务

jsonp

访问网址时,服务器一定会返回html文件吗?
服务器可以任意同态拼接数据返回,只要符合html格式要求
所以,就可以获得到跨域的数据,只要服务器愿意
在这里插入图片描述

jQuery实现jsonp

在这里插入图片描述

实现跨域的集中方式

jsonp
cors是服务器的一种方法了解就行

猜你喜欢

转载自blog.csdn.net/weixin_54163765/article/details/115157028