微信小程序request请求后台接口php的实例详解


Posted in Javascript onSeptember 20, 2017

微信小程序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>

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Jquery获取和修改img的src值的方法
Feb 17 Javascript
给应用部分的js代码设定一个统一的入口
Jun 15 Javascript
JavaScript数组Array对象增加和删除元素方法总结
Jan 20 Javascript
jquery预加载图片的方法
May 27 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
Aug 21 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
Mar 22 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
微信小程序实现多选功能
Nov 04 Javascript
详解服务端预渲染之Nuxt(介绍篇)
Apr 07 Javascript
Vue实现简易计算器
Feb 25 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 #Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 #Javascript
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 #Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 #jQuery
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 #Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 #jQuery
Vue-cli创建项目从单页面到多页面的方法
Sep 20 #Javascript
You might like
PHP 检查扩展库或函数是否可用的代码
2010/04/06 PHP
php操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
PHP获取文件扩展名的4种方法
2015/11/24 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
PHP 图片处理
2020/09/16 PHP
原型方法的不同写法居然会影响调试的解决方法
2007/03/08 Javascript
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
浅谈jQuery before和insertBefore的区别
2016/12/04 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
基于Vuejs和Element的注册插件的编写方法
2017/07/03 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
Koa2 之文件上传下载的示例代码
2018/03/29 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
[00:48]DOTA2国际邀请赛公开赛报名开始 扫码开启逐梦之旅
2018/06/06 DOTA
Python使用新浪微博API发送微博的例子
2014/04/10 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
如何用Django处理gzip数据流
2021/01/29 Python
Python 调用C++封装的进一步探索交流
2021/03/04 Python
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
资深财务管理人员自我评价
2013/09/22 职场文书
交通专业个人自荐信格式
2013/09/23 职场文书
入党申请人的自我鉴定
2013/12/01 职场文书
毕业自我鉴定书
2014/03/24 职场文书
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers