登录 | 注册
小程序交流 +关注 已有0人关注 +发表新主题

小程序网络请求实例

发表在 2019-3-6 09:36 来自PC 复制链接 手机看帖 扫一扫!手机看帖更爽 0 350

学会使用了小程序的标签、基本调试、预览,接下来肯定是做网络请求,不然就是一个死的界面,需要开发者赋予它灵魂。
官方指导如下图:

小程序网络请求实例

小程序网络请求实例
专业的码农一看就知道,非常像JavaScriptAjax请求吧!想入门那是不在话下。
以下是调用哔哩哔哩视频站的请求,拖好界面再绑定上请求事件,直接在[微信web开发者工具预览即可,完美的交互就如此简单搞定。
附上代码:
//主页
  homePage: function(){
     var that = this;
     wx.request({
      url:'http://api.bilibili.com/x/web-show/res/loc?callback=jQuery17205969745067413896_1482805801285&jsonp=jsonp&pf=0&id=23&_=1482805801599',
      header:{
        'content-type': 'application/json'
      },
      method:'GET',
      success:function(res){
        var jquerystring = 'jQuery17205969745067413896_1482805801285(';
        var webinfo = res.data.replace(jquerystring,'');
        webinfo = JSON.parse(webinfo.substring(0,webinfo.length-1));
        that.setData({
          webshowInfo:webinfo.data
        })
      }
    });
    wx.request({
      url: 'http://www.bilibili.com/index/ding.json',
      header: {
        'content-type': 'application/json'
      },
       method:'GET',
      success: function (res) {
        var arr = [];
        for(var item in  res.data){
          if(item == "pages" || item == "list" || item == "results"){
            continue;
          }
          arr.push(res.data[item]);
        }
        console.log(arr);
        that.setData({
          videoInfo: arr
        })
      }
    });
  }

扫描二维码,手机查看本帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部
快速回复 发贴