小程式從伺服器獲取資料以及帶參傳資料 php
阿新 • • 發佈:2018-12-19
此前沒有摸索過小程式,原本打算看視訊教學慢慢走的,發現老師講的基本都是文件,於是乾脆直接實踐。
要實現這樣一個排行
官方文件上的東西我就不照搬了
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必須加在函式裡,不能單獨作為函式使用