原生ajax

1.创建ajax四步:

创建XMLHttpRequest对象,也就是创建一个异步调用对象

创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息

设置响应HTTP请求状态变化的函数

 发送HTTP请求   获取异步调用返回的数据

 使用JavaScript和DOM实现局部刷新

2.HTTP常见的状态码:

状态码第⼀位数字决定了不同的响应状态,有如下:

1 表示消息:代表请求已被接受,需要继续处理。

常⻅的状态码有:

100(客户端继续发送请求,这是临时响应):这个临时响应是⽤来通知客户端它的部分请求已经 被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽 略这个响应。服务器必须在请求完成后向客户端发送⼀个最终响应

101:服务器根据客户端的请求切换协议,主要⽤于websocket或http2升级

2 表示成功:代表请求已成功被服务器接收、理解、并接受

常⻅的状态码有:

200(成功):请求已成功,请求所希望的响应头或数据体将随此响应返回

201(已创建):请求成功并且服务器创建了新的资源

202(已创建):服务器已经接收请求,但尚未处理

203(⾮授权信息):服务器已成功处理请求,但返回的信息可能来⾃另⼀来源

3 表示重定向:表示要完成请求,需要进⼀步操作。

常⻅的状态码有:

300(多种选择):针对请求,服务器可执⾏多种操作。 服务器可根据请求者 (user agent) 选择⼀ 项操作,或提供操作列表供请求者选择

301(永久移动):请求的⽹⻚已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求 的响应)时,会⾃动将请求者转到新位置

302(临时移动): 服务器⽬前从不同位置的⽹⻚响应请求,但请求者应继续使⽤原有位置来进⾏ 以后的请求

303(查看其他位置):请求者应当对不同的位置使⽤单独的 GET 请求来检索响应时,服务器返回 此代码

305 (使⽤代理): 请求者只能使⽤代理访问请求的⽹⻚。 如果服务器返回此响应,还表示请求 者应使⽤代理

307 (临时重定向): 服务器⽬前从不同位置的⽹⻚响应请求,但请求者应继续使⽤原有位置来进 ⾏以后的请求

4 表示请求错误:客户端错误

常⻅的状态码有:

400(错误请求): 服务器不理解请求的语法

403(禁⽌): 服务器拒绝请求

404(未找到): 服务器找不到请求的⽹⻚

5 表示服务器错误:服务端错误

常⻅的状态码有:

500(服务器内部错误):服务器遇到错误,⽆法完成请求

501(尚未实施):服务器不具备完成请求的功能。 例如,服务器⽆法识别请求⽅法时可能会返回 此代码

3.同源和跨域:

1.什么是同源:

所谓的同源,指的是协议,域名,端口相同。浏览器处于安全方面的考虑,只允许本域    名下的接口交互,不同源的客户端脚本,在没有明确授权的情况下,不能读写对方的资源

2.什么是跨域:

跨域是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制

同源策略: 是由NetScape提出的一个著名的安全策略,它是浏览器最核心也最基本的安全功能

3.那么如何解决跨域呢?

下⾯列举了三种: JSONP CORS Proxy

①jsonp:的原理是借助了script的src请求资源时,不受同源策略的限制

②cors:主要是后台工程师设置后端代码来达到前端跨域请求的

③Proxy:原生ajax_第1张图片

 

你可能感兴趣的:(ajax)