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