vue + flyio，将返回的jsonp数据处理为json格式

yumihe

于 2018-08-15 17:20:52 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： json jsonp 文章标签： json jsonp

本文链接：https://blog.youkuaiyun.com/qq_32678401/article/details/81707032

jsonp 同时被 2 个专栏收录

2 篇文章

订阅专栏

json

0 篇文章

订阅专栏

本文介绍了一种将JSONP格式的数据转换成标准JSON格式的方法。具体步骤包括使用JavaScript的slice方法去除包裹数据的函数名，并利用JSON.parse将字符串转换为JSON对象。文中还提供了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）在页面中console.log(res)接口返回数据，并在控制台查中看，得到：

MusicJsonCallback({"code":0,"subcode":0,"message":"","default":0,"data":{"topList":[{"id":4,"listenCount":19800000,"……

这是jsonp格式的字符串，并不是我们想要的json格式

（2）转换为json格式：

首先，通过slice(start, end)，去掉前面的“MusicJsonCallback(”和最后面的反括号“)”

然后，通过JSON.parse将得到的JSON字符串转换为Object

  _getTopList() {
    getTopList().then((res) => {
      // console.log(res)
      let num = res.indexOf('(')
      // JSON.parse将JSON字符串转换为对象
      let result = JSON.parse(res.slice(num + 1, -1))
      // console.log(typeof(result), result)
      if (result.code === ERR_OK) {
        this.topList = result.data.topList
      }
    })
  }