微信小程序实践(二)网络请求的封装
2017-03-02 15:56
701 查看
项目集成了bluebird,由于微信的,,设定Post,Get分开写,舒服一点
新建一个目录,js文件如下,将get post的封装方法 exports出去
import Promise from "../../bluebird/js/browser/bluebird.min.js"
module.exports = {
doGet (url,params) {
return new Promise((resolve, reject) => {
wx.request({
url: `${url}`,
data: Object.assign({}, params),
method:'GET',
header: { 'Content-Type': 'application/json' },
success: resolve,
fail: reject
})
})
}
,
doPost(url,params){
return new Promise((resolve,reject)=> {
wx.request({
url: `${url}`,
data: Object.assign({},params),
method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {'content-type': 'application/x-www-form-urlencoded'}, // 设置请求的 header
success: resolve,
fail: reject
})
})
}
}
同目录下,新建一个对应业务逻辑的js文件
var net = require("./netLoad.js");获取上面封装的对象,用以调用get post方法
示例一个post方法,用以登陆
function login(username,password){
let url = BASE_URL + "user/login"
let params = {
"username": username,
"password": password
}
return net.doPost(url,params).then(data => data)
}
export {
login,
}
在页面逻辑使用时,可以import { login, xxx } from "../common/netTool.js"
就可以直接调用login方法啦
新建一个目录,js文件如下,将get post的封装方法 exports出去
import Promise from "../../bluebird/js/browser/bluebird.min.js"
module.exports = {
doGet (url,params) {
return new Promise((resolve, reject) => {
wx.request({
url: `${url}`,
data: Object.assign({}, params),
method:'GET',
header: { 'Content-Type': 'application/json' },
success: resolve,
fail: reject
})
})
}
,
doPost(url,params){
return new Promise((resolve,reject)=> {
wx.request({
url: `${url}`,
data: Object.assign({},params),
method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {'content-type': 'application/x-www-form-urlencoded'}, // 设置请求的 header
success: resolve,
fail: reject
})
})
}
}
同目录下,新建一个对应业务逻辑的js文件
var net = require("./netLoad.js");获取上面封装的对象,用以调用get post方法
示例一个post方法,用以登陆
function login(username,password){
let url = BASE_URL + "user/login"
let params = {
"username": username,
"password": password
}
return net.doPost(url,params).then(data => data)
}
export {
login,
}
在页面逻辑使用时,可以import { login, xxx } from "../common/netTool.js"
就可以直接调用login方法啦
相关文章推荐
- 微信小程序网络请求的封装与填坑之路
- 微信小程序网络请求封装示例
- 微信小程序教学第二章(含视频):小程序中级实战教程之预备篇 - 封装网络请求及 mock 数据
- 微信小程序教学第二章(含视频):小程序中级实战教程之预备篇 - 封装网络请求及 mock 数据
- 微信小程序之网络请求简单封装实例详解
- 微信小程序网络请求封装
- 微信小程序基本的开发框架抽取,包括网络请求的二次封装,页面状态管理,常见页面模板封装
- 【微信小程序】网络请求接口封装实例
- 微信小程序-项目案例 (三)全局变量及封装网络请求
- 微信小程序之网络请求简单封装
- 【微信小程序】封装网络请求并在wxml调用
- 微信小程序网络请求的封装与填坑之路
- 微信小程序开发之网络请求(GET请求)
- 微信小程序实践——用Promise 封装API
- 微信小程序之网络请求
- 微信小程序——网络请求之关于referer
- 微信小程序网络请求wx.request详解及实例
- 解决·微信小程序开发-网络请求报Invalid request 400错误
- 微信小程序 es6-promise.js封装请求 处理异步进程
- 微信小程序------MD5加密(支持中文和不支持中文)和网络请求(get和post)