微信小程序处理接口数据

util.js代码：

function get_index_data(callback) {

  wx.request({

    url: 'https://c.y.qq.com/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg', //仅为示例，并非真实的接口地址

    data: {

      g_tk: 5381,

      uin: 0,

      format: 'json',

      inCharset: 'utf - 8',

      outCharset: 'utf - 8',

      notice: 0,

      platform: 'h5',

      needNewCode: 1,

      _: new Date().getTime()  //清除缓存

    },

    header: {

      'content-type': 'application/json' // 默认值

    },

    success: function (res) {

      //console.log(res)

      //回调函数

      callback(res)

    }

  })

};

//排行榜

function get_toplist(callback){

  wx.request({

    url: 'https://c.y.qq.com/v8/fcg-bin/fcg_myqq_toplist.fcg',

    data: {

      g_tk: 5381,

      uin: 0,

      format: 'json',

      inCharset: 'utf - 8',

      outCharset: 'utf - 8',

      notice: 0,

      platform: 'h5',

      needNewCode: 1,

      _: new Date().getTime()  //清除缓存

    },

    header: {

      'content-type': 'application/json' // 默认值

    },

    success: function (res) {

      //console.log(res)

      //回调函数

      callback(res)

    }

  })

}

//热门搜索

function get_hot_key(callback){

  wx.request({

    url: 'https://c.y.qq.com/splcloud/fcgi-bin/gethotkey.fcg',

    data: {

      g_tk: 5381,

      uin: 0,

      format: 'json',

      inCharset: 'utf - 8',

      outCharset: 'utf - 8',

      notice: 0,

      platform: 'h5',

      needNewCode: 1,

      _: new Date().getTime()  //清除缓存

    },

    header: {

      'content-type': 'application/json' // 默认值

    },

    success: function (res) {

      //console.log(res)

      //回调函数

    if(res.statusCode == 200){

      callback(res.data)

    }

    }

  })

}

function get_toplist_detail(id,callback){

  wx.request({

    url: 'https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg',

    data: {

      g_tk: 5381,

      uin: 0,

      format: 'json',

      inCharset: 'utf-8',

      outCharset: 'utf-8',

      notice: 0,

      platform: 'h5',

      needNewCode: 1,

      tpl: 3,

      page: 'detail',

      type: 'top',

      topid: id,

      _: new Date().getTime()  //清除缓存

    },

    header: {

      'content-type': 'application/json' // 默认值

    },

    success: function (res) {

      //console.log(res)

      //回调函数

      if (res.statusCode == 200) {

        callback(res.data)

      }

    }

  })

}

//暴露接口

module.exports={

  get_index_data,

  get_toplist,

  get_hot_key,

  get_toplist_detail

}

暴露接口之后还需要在页面的js文件中进行处理。

代码：

onLoad: function(options) {

var that = this

util.get_toplist(function(res) {

      let data = res.data.data.topList;

      that.setData({

        topList: data

      })

    })

},

(这里只处理了上面几个接口中的一个，做个栗子嘛~)

把那些接口放到浏览器中打开，你就知道topList是怎么来的了。

然后就可以将数据渲染到页面上了，例如：

     

     

        {{item.topTitle}}

       

          {{index+1}}

          {{item.songname}}

          {{item.singername}}

       

     

      >

   

就这么多，感谢阅读，么么哒~