ajax跨域问题详解

ajax跨域问题详解

跨域问题的条件及原因

1. 浏览器限制(当发现请求是跨域的时候会，浏览器出于安全的考虑，会有一些校验)
2. 跨域(协议域名端口任何一个不一样都是跨域)
3. XHR(XMLHttpRequest)请求(只有当请求是XHR请求时才会有跨域问题)
   简单来说就是ajax发送一个跨域的请求的时候才会发生跨域问题

如何解决跨域问题

在了解了跨域问题的原因之后我们可以多种解决方案

一、去除浏览器限制

通过修改浏览器的方式，将浏览器的校验disable掉。这种方式只是一种理论可行的方式，在真实的应用环境中是不可能做到让每一个客户端做到的，而且也会带来浏览器的安全和性能问题

二、使用jsonp请求

我们知道，只有当请求为xhr请求时，才会发生跨域问题。
步骤

1. 在发送ajax请求时，设置请求的类型为jsonp e.g. dataType:“jsonp”
2. 后台代码需要使用对应的jsonp方式来响应请求
3. 普通的ajax请求返回类型为json，而jsonp请求返回的是一段script片段，并且url会有callback=…的参数，这是因为
   jsonp请求在发送的时候默认会加入一个callback的参数，后台接受到带有callback的请求的时候会将返回的数据由json转为javascript,而javascrip中方法的参数就是要返回的json数据