前端如何解决浏览器跨域问题的三种方法(前端获取第三放数据时遇到的跨域问题怎么解决)

跨域问题:浏览器的同源策略,本着从安全出发,阻止从一个域到另一个域。
前端为了解决跨域proplem而获取数据,分别是后端代理;cors资源共享;jsonp格式。严格意义后端代理和cors都离不开后端。只有jsonp是纯粹的通过前端方式解决跨域获取第三方数据。

方式一:后端代理:后端脱离浏览器,同源策略对它没用。 只需要后端添上代码 file_get_contents(url)
前端如何解决浏览器跨域问题的三种方法(前端获取第三放数据时遇到的跨域问题怎么解决)
方式二:cors资源共享 需要在后端加上两串代码
前端如何解决浏览器跨域问题的三种方法(前端获取第三放数据时遇到的跨域问题怎么解决)
方式三:jsonp 纯粹的前端方法不需要后端
*解释jsonp相关的几个重点问题:
1.如果第三方的接口提供了jsonp的数据格式,完全脱离后端取到数据。
2.ajax获取的数据都是字符串格式,jsonp获取函数填充的值,就是对象数组简单值,无需转换。
3.script 标签会把请求回来的所有内容当作 js 代码来执行 就是说script标签没得跨域问题
4.jsonp 支持get请求。
5.引入的jsonp格式 要放在body最下面,起到函数调用的作用

首先给大家看看什么是jsonp格式:*
前端如何解决浏览器跨域问题的三种方法(前端获取第三放数据时遇到的跨域问题怎么解决)
操作如下:script标签引入调用,另外一个script标签里写一个对应函数名的函数来接收数据。
前端如何解决浏览器跨域问题的三种方法(前端获取第三放数据时遇到的跨域问题怎么解决)
看看获得的收据如下:
前端如何解决浏览器跨域问题的三种方法(前端获取第三放数据时遇到的跨域问题怎么解决)