这篇文章主要介绍了微信小程序request请求后台接口php的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
微信小程序request请求后台接口php的实例详解
后台php接口：http://www.vueyun.com/good/info
没有处理数据，直接返回了，具体再根据返回格式处理
1 2 3 4 5 6 | public function getGoodInfo(Request $request)
{
$goods_datas = $this->Resource->get();
return response()->json(['status' => 'success','code' => 200,'message' => '获取成功','data'=>$goods_datas]);
}
|
小程序index.js文件中 onLoad
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | onLoad: function () {
console.log('onLoad')
wx.request({
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文件，
1 2 3 4 5 6 7 8 9 10 11 12 | <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>
|
以上就是本文的全部内容，希望对大家的学习有所帮助。
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
暂时没有评论，来抢沙发吧~