<代码> npm安装jsonp
从“jsonp”进口originJSONP/* * *封装jsonp
* @param {*} url原始的jsonp第一个参数是url,第二个参数是选项,这里为了比较好写参数做了下封装
* @param {obj}数据参数
* @param jsonp{*}选项的选择
*/出口的默认函数jsonp (url、数据选项){//如果url没有?就加一个?拼接
url +=(url.indexOf (“& # 63;”) & lt;0 & # 63;' & # 63;':',')+参数(数据)
返回新的承诺((解决,拒绝)=比;｛//原始jsonp的三个参数,url选项,回调函数
originJSONP (url选项,(呃,数据)=比;｛//类似节点的设计,如果犯错是null,表示成功,数据是后端返回的数据
如果(!犯错){
解决(数据)
其他}{
拒绝(err)
}
})
})
}
导出功能参数(数据){
让url="
(var k数据){
让价值=https://www.yisu.com/zixun/data [k] !==定义?数据[k]:“
url +=', ' + k + '=' + encodeURIComponent(值)
}
返回url & # 63;url.substring (1):“
}
<强> 3,创建confiig.js文件,内容如下:
//用于存放公共数据
出口const commonParams={
g_tk: 5381,
格式:json,
inCharset:“utf - 8”,
outCharset:“utf - 8”,
注意:0
}
出口const选项={
参数:“jsonpCallback”
}
出口const ERR_OK=0
从“进口jsonp。/jsonp '
从“进口{commonParams、期权}。/配置
导出功能getRecommend () {
const url=' https://c.y.qq.com/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg '
常量数据=https://www.yisu.com/zixun/Object.assign (commonParams {}, {
平台:“代替”,印尼:0,needNewCode: 1
})//这里返回一个承诺对象
返回jsonp (url、数据选项)
}
& lt; script>
从“进口{getRecommend} . ./api/recommend.js '
从“进口{ERR_OK} . ./api/config.js '
出口默认{
安装(){//在创建中也可
this._getRecommend ()
}，
方法:{
_getRecommend () {
getRecommend () ((res)=比;｛
如果(res.code===ERR_OK) {
console.log (res.data.slider)
}
})
}
}
}
& lt;/script>
<李> Object.assign方法用于对象的合,并将源对象(源)的所有可枚举属性,复制到目标对象(目标)
<李>对象。分配(目标、source1 source2)
<李> encodeURIComponent (URIstring)函数可把字符串作为URI组件进行编码。URIstring必需。一个字符串,含有URI组件或其他要编码的文本。
<李> substring()方法用于提取字符串中介于两个指定下标之间的字符。
<李> stringObject.substring(启动、停止)包括开始处的字符,但不包括停止处的字符。不接受负的参数。
以上所述是小编给大家介绍的vue使用jsonp抓取qq音乐数据的方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
