通过jsonp来实现跨域访问获取数据!!!

通过jsonp来实现跨域访问获取数据的原理是什么?通俗一点就是通过<script src="你要访问的链接" type="text/javascript"></script>中的src来访问你想要获取数据的网址,并获取数据。(不要问这啥这样做就可以,没有那么多为什么,照着做就行了)。废话不多说,举例子

1创建一个script标签

<script src="https://api.douban.com/v2/book/search?q=javascript&count=1" type="text/javascript" charset="utf-8"></script>

src中的链接是你要访问的链接

2,在链接后面添加一个参数callback=handleResponse(handleResponse是一个回调函数名,可以自己定义)如下:

<script src="https://api.douban.com/v2/book/search?q=javascript&count=1&callback=handleResponse" type="text/javascript" charset="utf-8"></script>

3,再创建一个script标签,里面创建一个函数函数的名字就是handleResponse,记住函数里面要定义一个参数res(自己定义名字),如:

<script type="text/javascript">
    function handleResponse(res){
            console.log(res); //res就是返回的数据,此时你就可以用到这个数据
    }
</script>

*三步走战略*完整的格式就是

<body>
</body>

<script src="https://api.douban.com/v2/book/search?q=javascript&count=1&callback=handleResponse" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
    function handleResponse(res){
            console.log(res);
    }
</script>

重要的一点就是src访问资源不受跨域限制,所以可以通过src这个特性来实现跨域访问数据



  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值