[Vue项目][Jayee-Music]jsonp的引入、封装

本文介绍了在Vue项目中如何引入和封装jsonp。首先,在`package.json`的`dependencies`中添加jsonp库,然后在`src/common/js`目录下创建`jsonp.js`文件进行封装。封装的jsonp API包括url、opts和fn参数,其中opts提供了超时时间、回调函数名等配置。同时,文章还展示了使用Promise封装的jsonp源码。
摘要由CSDN通过智能技术生成
一、在package.json的"dependencies"中添加jsonp

在这里插入图片描述

在Terminal中运行

npm install
二、jsonp的封装
1.在src/common/js目录下新建一个js文件,命名为jsonp.js

在这里插入图片描述

2.jsonp的API:

jsonp(url, opts, fn)

  • url (String) url to fetch(用于获取的url
  • opts (Object), optional (选项,有下面四个
  1. param (String) name of the query string parameter to specify the
    callback (defaults to callback)(用于指定回调的查询字符串参数的名称

  2. timeout (Number) how long after a timeout error is emitted. 0 to disable (defaults to 60000) (超时时间,默认一分钟

  3. prefix (String) prefix for the global callback functions that handle jsonp responses (defaults to __jp) (处理jsonp响应的全局回调函数的前缀,默认__jp
    name (String) name of the global callback functions that handle jsonp responses (defaults to prefix + incremented counter) (处理jsonp响应的全局回调函数的名称,默认prefix + incremented counter

  4. <

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值