小程序从服务器获取数据以及带参传数据 php

此前没有摸索过小程序,原本打算看视频教学慢慢走的,发现老师讲的基本都是文档,于是干脆直接实践。

要实现这样一个排行

官方文档上的东西我就不照搬了

 var that = this;
    
    wx.request({
      //请求接口的地址
      url: '********/api.php',//这里的*号就是你的服务器 和ajax十分相似
      data: {

      },//data不能掉,即便为空,不然获取不了,我目前还不知道什么原因
      header: {
        "Content-Type": "applciation/json" //默认值
      },
      success: function (res) {
        //res相当于ajax里面的返回的数据
        console.log(res.data);
        //如果在sucess直接写this就变成了wx.request()的this了
        //必须为getTableData函数的this,不然无法重置调用函数
        that.setData({
          datas: res.data  //datas传值给页面的,可以自定义命名
        })
      },
      fail: function (err) { },//请求失败
      complete: function () { }//请求完成后执行的函数
    })

再说一下如何传参,这个问题整的我头都大了,原本可能是个很简单的事情,问老师也不清楚。

我是要做上传数据到后台,获取当前用户的头像保存到数据库中,并根据用户的暱称获取积分(我知道用暱称做条件不太好)

首先,微信官方给了全局函数 app.globalData (app.js里有 ,这里首先在当前js记得先new一下)

  wx.request({
//这里加的两个参数都是全局变量 分别获取暱称和头像url
      url: 'http://riyw7t.natappfree.cc/upload.php?name=' + app.globalData.userInfo.nickName + "&img=" + app.globalData.userInfo.avatarUrl,

      data: {

      },
      header: {
        "Content-Type": "applciation/json" //默认值
      },
      dataType: JSON,
      success: function (res) {
       
        console.log(res.data);
      },
      fail: function (err) { app.globalData.userInfo.nickName },//请求失败
      complete: function () { }//请求完成后执行的函数
    })

wx.request必须加在函数里,不能单独作为函数使用

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章