1. 程式人生 > >小程式從伺服器獲取資料以及帶參傳資料 php

小程式從伺服器獲取資料以及帶參傳資料 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必須加在函式裡,不能單獨作為函式使用