本文主要是介绍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-
这篇关于20K前端大神面试如何回答ajax跨域问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!