1. 程式人生 > >微信小程式系列-呼叫本地介面

微信小程式系列-呼叫本地介面

返回資料為json格式,如下:

[
    {
        "cInvCode": "YL242P",
        "cInvName": "瓷片系列",
        "cBatch": "HB46",
        "cInvStd": "300*600",
        "fYFroze": "9",
        "cVenName": "歐神諾陶瓷",
        "iQuantity": "9",
        "fKYQuantity": "0",
        "cPosName": "T0924",
        "cPosCode": "Z124",
        "cWhCode": "01"
    },
    {
        "cInvCode": "YL242P",
        "cInvName": "瓷片系列",
        "cBatch": "JAB48",
        "cInvStd": "300*600",
        "fYFroze": "961",
        "cVenName": "歐神諾陶瓷",
        "iQuantity": "1143",
        "fKYQuantity": "182",
        "cPosName": "C1",
        "cPosCode": "Z243",
        "cWhCode": "01"
    }
]

在請求資料的.js的onload方法中:

onLoad: function(options) {
    var that = this;
    wx.request({
      url: 'http://119.146.220.205:8090/WeiXinWeb/?cType=CurrentStock&cInvCode=&cVenName=&copenId=',
      header: {
        'content-type': 'application/json'
      },
      success: function(res) {
        var queryBean = res.data;
        that.setData({
          queryBean: queryBean
        })
      }
    })
  },

在需要接受資料的.wxml頁面:

<view class="record" wx:for="{{ queryBean }}" wx:key=" ">
  <view class="under">
    <text class="time">商品</text>
    <text class="succerr">{{ item.cInvName }}<text class="detail">@{{item.cVenName}}</text> </text>
  </view>
</view>

請求介面引數設定:

屬性 型別 預設值 是否必填 說明 支援版本
url string 開發者伺服器介面地址
data string/object/ArrayBuffer 請求的引數
header Object 設定請求的 header,header 中不能設定 Referer。
content-type 預設為 application/json
method string GET HTTP 請求方法
dataType string json 返回的資料格式
responseType string text 響應的資料型別 >= 1.7.0
success function 介面呼叫成功的回撥函式
fail function 介面呼叫失敗的回撥函式
complete function 介面呼叫結束的回撥函式(呼叫成功、失敗都會執行)