vue音乐APP03:jsonp promise化

2018-07-25  本文已影响12人  陌上桑_浅

1.JSONP的用途和原理

使用JSONP主要是目的通过动态创建Script,动态拼接url,进而抓取数据,实现跨域。确切地说,AJAX请求由于同源影响,是不允许进行跨域请求的,而Script标签src属性中的链接却可以访问跨域的js脚本,利用这一特性,服务端不再返回JSON格式的数据,而是返回一段调用某个函数的JS代码,在src属性中进行调用,实现跨域。

2.JSONP的使用(github jsonp源码)

下载安装 npm i jsonp -D

在文件夹common/js下新建jsonp.js文件

基本用法:jsonp(url, opts, fn)

url是请求路径;

opts是选项配置({param:(String)},{timeout :(Number) },{prefix:(String)},{name(String)};

fn是回调函数,参数为(err,data)

2.封装promise版本的jsonp

上一篇下一篇

猜你喜欢

热点阅读