微信小程序post傳輸json數據的簡單介紹

本文目錄一覽：

通過wx.request獲取到伺服器數據之後將數據(一個json對象)綁定至post數組，然後頁面中獲取數據的時候可以直接通過（數組名.屬性）直接取值。數組中有多個json對象的話，則需要wx:for遍歷取值。

單個json對象數據綁定

頁面取值：

是解析json數據吧, json_decode($str)可以把字元串變成數組。

yuanmouren.erlyun.com這個有空來看看。

關於「小程序如何要把文件傳送到遠程伺服器上」的問題，分以下幾步：

1. 手機中上傳文件，先使用wx.uploadFile　介面

2. 把數據包裝到 json對象中，用 wx.request.post 介面把數據發送到你的伺服器

3.伺服器要接收小程序發過來的數據，就要用到後端語言，如果沒有接觸過的話，就學 node.js　或 PHP，環境怎樣配置可以在網上搜索到

4.安裝好環境後，學習一下怎樣上傳文件，並把上傳的文件保存到伺服器，這裡的上傳可以直接用先在網頁中測試，網頁中會上傳後保存到伺服器了，小程序中也應該就會了。

所以，現在的重要是你要先學會一門後端語言；當然 node.js　就是 js，語法不用重複學，但後端的邏輯與前端是不一樣的，自己看看網上的教程學一學。

1、小程序前端語言採用了 JSON WXML WXSS JS相當與就是 HTML5+CSS+JavaScript。

2、首先需要一個javascript文件或者html文件下的script標籤。

3、引入jquery。

4、定義一個json格式的字元串。

5、轉換成json格式後輸出。

6、打開瀏覽器，右鍵-屬性，訪問這個html就可以看到輸出的結果了。

可以自己去配置那個request域名到自己的伺服器，然後用自己的伺服器保存數據

1、在MYSQL中新建一個test資料庫，在裡面新建一張type數據表，下面將從該表獲得數據。

2、新建一個project小程序項目。

3、在project項目內，新建一個index模塊來從資料庫獲得數據，並將數據輸出在index.wxml頁面。

4、在index模塊中index.js頁面，在onLoad中使用wx.request方法向服務端文件請求數據。url為請求數據的地址；data為傳輸的參數，這裡設置為空；method為傳遞參數的方式，header用於設置請求的數據類型，success是成功獲得數據後的操作。

5、在index.wxml頁面，使用for循環遍歷輸出index.js傳遞過來的數據data，通過item將data數據輸出在頁面。

6、在服務端新建一個api.php頁面來接收微信小程序的數據請求。

7、最後編譯微信小程序，查看從數據表type獲得數據內容，成功從資料庫讀取數據並輸出在頁面上。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/231522.html