• 微信小程序--后台交互/wx.request({})方法/渲染页面方法 解析


    小程序的后台获取数据方式get/post具体函数格式如下:wx.request({})

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    data: {
        logs:[]
      },
    onLoad:function(){
    this.getdata();
     
    }
    getdata:function(){//定义函数名称
    var that=this;   // 这个地方非常重要,重置data{}里数据时候setData方法的this应为以及函数的this, 如果在下方的sucess直接写this就变成了wx.request()的this了
        wx.request({
          url:'http://www.phonegap100.com/appapi.php?a=getPortalCate',//请求地址
          data:{//发送给后台的数据
            name:"bella",
            age:20
          },
          header:{//请求头
            "Content-Type":"applciation/json"
          },
          method:"GET",//get为默认方法/POST
          success:function(res){
            console.log(res.data);//res.data相当于ajax里面的data,为后台返回的数据
          that.setData({//如果在sucess直接写this就变成了wx.request()的this了.必须为getdata函数的this,不然无法重置调用函数
     
          logs:res.data.result
     
              })
     
          },
          fail:function(err){},//请求失败
          complete:function(){}//请求完成后执行的函数
        })
      },
      wxml页面:
     
    <view  wx:for="{{logs}}" wx:for-item="value">
      {{value.catname}}
    </view>

      

    页面结果:

  • 相关阅读:
    3星|《中国古城墙》:重要的古城墙的资料汇集
    bindingSource具体使用案例
    WPF第三方控件盘点
    FluentValidation具体使用案例
    Visual Studio 版本管理从TFS迁移到SVN
    Image.FromStream与Image.FromFile使用区别
    判断图片的格式的方法
    WCF测试小程序
    使用AutoMapper 处理DTO数据对象的转换
    获取mac地址和IP地址方式
  • 原文地址:https://www.cnblogs.com/frx666/p/6591256.html
Copyright © 2020-2023  润新知