微信小程序实践(二)网络请求的封装

来源:互联网 发布:淘宝货源 方法步骤 编辑:程序博客网 时间:2024/06/01 09:38

项目集成了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方法啦

0 0