微信小程序> 微信小程序系列-1、调用本地接口

微信小程序系列-1、调用本地接口

浏览量:1343 时间: 来源:John_like521

在本地项目中开发完接口以后,小程序如何调用,方法如下:

1、我本地提供的接口地址为:http://localhost:8080/services/findQhCallNum?year=2017,2018/

2、成功启动本地项目,并且在浏览器测试是可以正常访问,返回数据为json格式,如下:

{"result":[{"legend":"18 行政服务中心","year":"2018","xAxis":"2","yAxis":"5"},{"legend":"18 行政服务中心","year":"2018","xAxis":"1","yAxis":"52"}],"resultCode":"0","resultMsg":"查询请求响应成功"}
3、用微信web开发工具创建项目:

小程序

4、新建test目录创建js和wxml目录

test.js代码如下:

var app = getApp()Page({  data:{    data:"数据展示",    xAxis:"月份",    yAxis:"统计量",    year:"年份"  },  onLoad:function(){    var that =this;    wx.request({      url: 'http://localhost:8080/services/findQhCallNum?year=2018',      header: {        'content-type': 'application/json'      },      success: function (res) {        console.log(res.data.result)        that.setData(          {            list: res.data.result          }        )      }    })  }  }) 
test.wxml代码如下:

<view class="data">展示数据</view><view wx:for="{{list}}">   {{year}}: {{item.year}}  {{xAxis}}: {{item.xAxis}}    {{yAxis}}: {{item.yAxis}}</view>
然后编译项目,创建点击事件调用创建的js返回页面:

小程序

控制台也可以看到返回的数据信息:

小程序

完成以上步骤小程序内部就可以调用本地接口获取需要的数据。

作者:scgyus

转载请注明出处:http://blog.csdn.net/scgyus/

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎