微信小程序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循环map功能的代码
Feb 26 Javascript
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
让浏览器DOM元素最后加载的js方法
Jul 29 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
Feb 28 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
webpack将js打包后的map文件详解
Feb 22 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
vue 内联样式style中的background用法说明
Aug 05 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
JS中彻底删除JSON对象组成的数组中的元素
2020/09/22 PHP
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
老司机带你解读jQuery插件开发流程
2016/05/16 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
JavaScript设计模式之代理模式简单实例教程
2018/07/03 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
[02:54]DOTA2英雄基础教程 暗影牧师戴泽
2013/12/05 DOTA
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
python实现多张图片拼接成大图
2019/01/15 Python
Python常见读写文件操作实例总结【文本、json、csv、pdf等】
2019/04/15 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
python conda操作方法
2019/09/11 Python
基于python使用tibco ems代码实例
2019/12/20 Python
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
高中自我评价分享
2013/12/05 职场文书
怎样客观的做好自我评价
2013/12/28 职场文书
教师绩效考核方案
2014/01/21 职场文书
集中整治工作方案
2014/05/01 职场文书
无传销社区工作方案
2014/05/13 职场文书
庆元旦活动总结
2014/07/09 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
停车位租赁协议书
2014/09/24 职场文书
爱情保证书
2015/01/17 职场文书
刑事上诉状(量刑过重)
2015/05/23 职场文书
详解JavaScript中的执行上下文及调用堆栈
2021/04/29 Javascript
纯CSS如何禁止用户复制网页的内容
2021/11/01 HTML / CSS
python 使用tkinter与messagebox写界面和弹窗
2022/03/20 Python
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫