微信小程序request请求后台接口php的实例详解
程序员文章站
2022-04-09 21:50:01
微信小程序request请求后台接口php的实例详解
后台php接口:http://www.vueyun.com/good/info
没有处理数据,直接返回了,具体...
微信小程序request请求后台接口php的实例详解
后台php接口:http://www.vueyun.com/good/info
没有处理数据,直接返回了,具体再根据返回格式处理
public function getgoodinfo(request $request) { $goods_datas = $this->resource->get(); return response()->json(['status' => 'success','code' => 200,'message' => '获取成功','data'=>$goods_datas]); }
小程序index.js文件中 onload
onload: function () { console.log('onload') wx.request({ //上线接口地址要是https测试可以使用http接口方式 url: 'http://www.vueyun.com/good/info', data: {}, method: 'get', header: { 'content-type': 'application/json' }, success: function (res) { that.setdata({ goodslist: res.data.data }); console.log(res.data.data, 1111111); }, }) },
wxml文件,
<view class="goods-container"> <block wx:for="{{goodslist}}" wx:for-item="item" wx:for-index="idx" > <view class="goods-box" bindtap="goodstap" data-id="{{item.id}}"> <view class="img-box"> <image src="{{item.img_url}}" class="image"/> </view> <view class="goods-title">{{item.img_title}}</view> <view class="goods-price">¥ {{item.good_price}}</view> </view> </block> </view>
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
上一篇: Vue.js组件通信的几种姿势