官网地址:https://developers.weixin.qq.com/miniprogram/dev/api/wx.request.html
网络请求使用的是微信的request
下面贴上网络请求实现的代码
method:支持POST GET PUT DELETE
表单提交设置:'Content-Type':application/x-www-form-urlencoded
/**
* 请求网络获取列表数据
*/
getList() {
var that = this;
//显示微信加载圈
wx.showLoading({})
//这里调用微信的request请求传入url、设置请求方式、可以传输data参数、设置请求头、后面就是可以处理成功和失败的时候的业务
wx.request({
url: app.globalData.apiHost + '/getfoodList',
method: 'GET',
data: {},
header: {
'Accept': 'application/json'
},
success: function(res) {
console.log(res.data.data);
that.setData({
dataShow: res.data.data,
total: res.data.data && res.data.data.length > 0 ? res.data.data.length : 0,
})
//对微信加载圈进行隐藏
wx.hideLoading();
},fail: function(res) {
}
})
},
下图中你看的showLoading是加载圈可以设置加载圈的title等信息、不设置就显示一个加载的效果、同微信加载效果
wx.showLoading({})
wx.showLoading({
title: '',
mask: true,
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})