小程序從服務器獲取數據以及帶參傳數據 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必須加在函數裏,不能單獨作爲函數使用

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