微信小程序开发（三）入门之创建打卡活动
相关文章
微信小程序开发（一）微信开发者工具以及小程序框架介绍
微信小程序开发（二）开发之日历打卡小程序发现页
微信小程序开发（四）入门之打卡功能开发
前言
上篇介绍了日历打卡小程序发现页视图相关开发知识点。本篇文章将介绍小程序的网络请求，数据绑定等知识点以及打卡活动的创建功能。
网络请求
- 小程序网路请求API
wx.request({
url: 'http://www.ho0229.cn', //接口地址
data: { //请求参数
x: '' ,
y: ''
},
header: { //请求头
'content-type': 'application/json'
},
success: function(res) { //请求成功回调
console.log(res.data)
},
fail:function(res){ //请求失败回调
console.log(res.data)
}
})
- 网络请求封装
utils包下，新建Post方法，将Post方法导出。
//POST请求封装
function Post(requestUrl, requestHandler) {
this.requestPost('POST', requestUrl, requestHandler)
}
function requestPost(method, requestUrl, requestHandler) {
var userId = wx.getStorageSync("userId");
var token = wx.getStorageSync("token");
var params = requestHandler.params;
wx.request({
url: requestUrl,
data: params, //post请求参数
method: method,
header: {
"authorization": authorization,
"Content-Type": "application/json"
},
success: function (res) {
requestHandler.success(res)
},
fail: function (res) {
requestHandler.fail(res);
},
})
}
module.exports = {
Get: Get,
Post: Post,
}
页面的js文件引入utils中导出的网络请求方法，以项目中为例，Get请求更加简单，只需要将参数拼接在requestUrl 上即可
const app = getApp() //获取应用实例
var utils = require('../../utils/util.js') //获取utils对象
Page({
onLoad: function () {
var dataUrl = app.globalData.laiSignBaseUrl + "xxx/firstPage"
var params = new Object(); //创建object对象,添加请求参数
params.uid = wx.getStorageSync('userId');
params.currentpage = this.data.currentpage;
utils.Post(
dataUrl, //用utils对象调用Post方法
{
params, // post请求的参数
success: function (res) { // 返回成功
if (res != null && res.data != null && res.data.success) {
//绑定数据操作
}
},
fail: function (res) {
},
})
},
})
