jsonp跨域

前端之家收集整理的这篇文章主要介绍了jsonp跨域前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先我们来说说什么是跨域

      页面去请求 www.google.com 的资源。但是一般情况下不能这么做,它是由浏览器的同源策略造成的

   这里我们又会有一个问题 啥叫同源策略啊,那我们再来说说同源策略,

   首先什么叫同源呢 字面理解就是相同的起源,同源指的就是域名,协议,端口均相同

   那现在又有一个问题,为什么浏览器要有同源策略呢,我打个比方           。。。。。。。。。。嘀      嘀嘀 准备发车了

            举个大栗子:你和你对象是一家 ,隔壁是老王一家,你每天可以回家和你对象做一些有趣的事情(你们懂得),要是老王也可以回你家和你对象做一些有趣的事情,那你能同意吗?

                                  肯定不能啊,对吧(要是你就喜欢做一道绿光,那在下佩服)

                                   整个栗子里,你家就相当于一个域名,而你和你对象就相当于域名里面的资源,而老王家也相当于一个域名,老王和老王对象相当于老王家这个域名下的资源,

                                   正常情况下是肯定不能互相访问的,这就是同源策略所做的事情,让不同域名间不能乱访问互相的资源

           但是我们能不能绕过同源策略访问到呢,当然可以啊,要是不可以的话,偷情这个词岂不是失去了意义,那现在我们来讲一种跨域的方法:jsonp

       

           页面的数据

解决所有的跨域问题,因为使用jsonp跨域需要被提供jsonp接口

函数

标签

标签的src赋值  (即接口的url)

属性为callback值为全局函数名的键值对写到url的后面

函数的名称   二者名字只要相对应就可以

百度的jsonp接口为cb

标签插入到页面

标签加载完后删除

---------------------------------------------------------------------------上---------面-----------见----解----如-------有----------错-------误----,----请----各----位----大--------佬-----指-------正---------------------------------------------------------------------------

猜你在找的JavaScript相关文章