小程序网络请求-网络小程序开发-小程序研发公司-即速应用

小程序网络请求-网络小程序开发-小程序研发公司

浏览量：1312 时间：2020-04-06 来源：绪锋

1.
建议先看官方文档，官方文档写得很清楚了。
2.
https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html
3.
新建一个目录，在目录下面创建一个page,小程序会自动帮我们生成其他四个文件。其中就有一个.js文件。我们就在那里配置请求。
4.
需要注意的是，小程序并只支持HTTP请求，详情跳转官方文档，但是我们在平时的学习中，可以跳过这个验证。
5.
https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html
EasyMock6.
也可以自己在线模拟数据，EasyMock是一个可视化，并且能快速生成模拟数据的持久化服务
7.
https://www.easy-mock.com/
8.
不会的同学可以看一下他的官方文档。
9.
https://www.easy-mock.com/docs
10.
做完了准备工作，我们开始写代码，代码统一书写在.js文件中。
/***页面的初始数据*/data:{kindsTime:""},/***生命周期函数--监听页面加载*/onLoad:function(options){varthatthis;//调取json数据wx.request({url:'这里写你的请求地址',data:{},success:function(res){that.setData({kindsTime:res.data})},//请求失败fail:function(){console.log("数据请求失败")}})}11.
这就是一个很简单的网络请求了。如果请求失败，请检查自己的地址有没有错误。
12.
我们需要使用获取到的数据的话，根据自己的需求在.wxml中去渲染就可以了，详情看官方文档。
13.
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html