Ajax-XMLHttpRequest

题目

• 手动编写一个ajax，不依赖第三方库
• 跨域的几种实现方式

知识点

• XMLHttpRequest
• 状态码说明
• 跨域

以上是ajax的实现原理

IE低版本使用ActiveXObject ， 和W3C标准不同

readyState

• 0--(未初始化) 尚未调用send()方法
• 1--(载入)已调用send()方法，正在发送请求
• 2--(载入完成)send()方法执行完成，已经接收到所有响应内容
• 3--(交互)正在解析响应内容
• 4--(完成)响应内容解析完成，能够作客户端调用了

status

• 2xx -- 表示成功处理请求。如200
• 3xx -- 须要重定向，浏览器直接跳转
• 4xx -- 客户端请求错误，如404
• 5xx -- 服务器端错误，如504

 

什么是跨域

• 浏览器有同源策略，不容许ajax访问其余域接口
• 跨域条件：协议、域名、端口，有一个不一样就算跨域
• 能够跨域的三个标签 <img src="xxx">  <link href="xxx">  <script src="xxx">

1. <img>用于打点统计，统计网站多是其余域
2. <link><script>能够使用CDN
3. <script>能够用于JSONP

• 全部的跨域请求都必须通过信息提供方容许
• 若是未经容许便可获取，那是浏览器同源策略出现漏洞

JSONP（前端）

服务器端设置 http header