您的位置:首页 > 理论基础 > 计算机网络

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

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方法啦
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: