微信小程序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 相关文章推荐
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
jQuery技巧总结
Jan 01 Javascript
js时间日期和毫秒的相互转换
Feb 22 Javascript
js综合应用实例简单的表格统计
Sep 03 Javascript
浅析JS中document对象的一些重要属性
Mar 06 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
使用watch监听路由变化和watch监听对象的实例
Feb 24 Javascript
Vue实现点击显示不同图片的效果
Aug 10 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 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
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
自定义php类(查找/修改)xml文档
2013/03/26 PHP
php+highchats生成动态统计图
2014/05/21 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
JQuery 前台切换网站的样式实现
2009/06/22 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
javascript attachEvent绑定多个事件执行顺序问题
2010/10/20 Javascript
input按钮的事件处理大全
2010/12/10 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
浅谈jQuery hover(over, out)事件函数
2016/12/03 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
vue实现搜索功能
2019/05/28 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
python模拟新浪微博登陆功能(新浪微博爬虫)
2013/12/24 Python
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
python解析xml简单示例
2019/06/21 Python
python+pygame实现坦克大战小游戏的示例代码(可以自定义子弹速度)
2020/08/11 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
如何使用Python调整图像大小
2020/09/26 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
css3media响应式布局实例
2016/07/08 HTML / CSS
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
优秀的个人求职信范文
2014/05/09 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
小学生暑假生活总结
2015/07/13 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis
pytorch中的torch.nn.Conv2d()函数图文详解
2022/02/28 Python