JSONP解决跨域问题

跨域问题

Js为了安全有一个限制,不允许跨域访问

1、如果两个url的域名不同,是跨域
2、Url相同,端口不同也是跨域
3、Ip不同,也是跨域

JSONP

解决跨域问题。

1、在js中不能跨域请求数据
但是,js可以跨域请求js片段

2、可以把数据包装成js片段
可以把数据使用js方法来包装,形成一条方法的调用语句。

3、可以使用ajax请求js片段,当js判断到达浏览器会被立即执行

4、在浏览器端,先创建好回调方法
在回调方法中通过参数可以获取请求的数据。
JSONP解决跨域问题
准备工作

5、 需要把js的回调方法先写好。

6、 做ajax请求时,需要把回调方法的方法名传递给服务端。

7、服务端接收回调方法名,把数据包装好,响应给客户端。
JSONP解决跨域问题
JSONP解决跨域问题