微信小程式系列-呼叫本地介面
阿新 • • 發佈:2019-02-10
返回資料為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 | 否 | 介面呼叫結束的回撥函式(呼叫成功、失敗都會執行) |