微信小程序request请求封装

爱被打了一巴掌 2021-07-24 23:16 514阅读 0赞

![20191114194037724.png][]

util.js

// let baseUrl = 'http://******/'; //测试
    // let baseUrl = 'http://******/';//预发布
    let baseUrl = 'http://localhost/learn/php/';//线上
    module.exports = function (url, method, data = {}) {
      console.log(data)
      let meth = method.toUpperCase()
      if (meth != "GET" && meth != "DELETE" && meth != "POST" && meth != "PUT") {
        meth = 'GET' //不传情况下默认'GET'
      }
      if (getApp().globalData.userInfo != null) {//已登陆情况下必传参数（项目需要看情况而定）
        data['token'] = getApp().globalData.userInfo.token;
        data['uid'] = getApp().globalData.userInfo.uid;
      }
      return new Promise(function (resolve, reject) {
        wx.request({
          header: {
            'content-type': meth == 'POST' ? 'application/x-www-form-urlencoded' : 'application/json'
          },
          url: baseUrl + url,
          data: data,
          method: meth,
          success: function (res) {
            //返回信息统一处理操作
    
            //resolve用于具体调用中
            resolve(res)
          },
          fail: function (res) {
            //错误信息统一处理操作
    
            reject(res)
          }
        })
      })
    }

index.js    用法

import requestApi from "../../utils/util.js"
    Page({
      data: {
      },
      onLoad: function (options) {
        requestApi('index.php', 'post', {
          typeid: '2' //参数
        }).then((res) => {
          console.log(res)
        }).catch((err) => {
          console.log(res)
        })
      }
    })

为了方便调试自己写的本地PHP，仅供参考

<?php
        header("Content-Type:text/html; charset=utf-8");//解决中文乱码
        header("Access-Control-Allow-Origin: *"); //解决跨域
        header('Access-Control-Allow-Methods:post');// 响应类型
        mysql_connect('localhost', 'root', 'root');//链接数据库默认账号密码都为root
        mysql_set_charset('utf-8');//解决中文乱码问题
        mysql_select_db('text'); //选择数据库
        
        // 接收前端传过来的参数
        $typeid =$_POST["typeid"];
         echo $typeid  //把接受到的参数返回到前端
    ?>

[20191114194037724.png]: /images/20210724/02fab346cd1f444eb3f221ffb1029a42.png