20K前端大神面试如何回答ajax跨域问题

接触前端开发起，跨域这个词就一直以很高的频率在我们学习工作中重复出现，最近在工作中遇到了跨域的相关问题，这里我把它总结记录一下。

关于跨域，有N种类型，现在我只专注于ajax请求跨域(ajax跨域只是属于浏览器”同源策略”中的一部分,其它的这里不做介绍)，内容大概如下:

什么是ajax跨域？如何解决ajax跨域？如何分析ajax跨域？

一、什么是Ajax跨域

Ajax跨域的原理

ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”。

CORS请求原理

CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。

基本上目前所有的浏览器都实现了CORS标准,其实目前几乎所有的浏览器ajax请求都是基于CORS机制的,只不过可能平时前端开发人员并不关心而已(所以说其实现在CORS解决方案主要是考虑后台该如何实现的问题)。

下面是一个简化版的实现原理图：

图片点击可在新窗口打开查看

如何判断是否是简单请求?

浏览器将CORS请求分成两类：简单请求（simple request）和非简单请求（not-so-simple request）。只要同时满足以下两大条件，就属于简单请求。

l 请求方法是以下三种方法之一：HEAD,GET,POST

l HTTP的头信息不超出以下几种字段：

Accept、Accept-Language、Content-Language、Last-Event-ID、Content-Type(只限于三个值application/x-