美文网首页
vue音乐APP03:jsonp promise化

vue音乐APP03:jsonp promise化

作者: 陌上桑_浅 | 来源:发表于2018-07-25 11:38 被阅读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

    相关文章

      网友评论

          本文标题:vue音乐APP03:jsonp promise化

          本文链接:https://www.haomeiwen.com/subject/sndymftx.html