• 微信小程序前端function封装


    funtion的封装utils =>http.js

    var tips = {
        1: "没有网络",
        999: "无效的请求",
        5000: "没有这些电影"
    }
    
    function http(params) {
        /*params 对象包含 url,success,method,data */
        if(!params.method){
            params.method ="GET";
        }
        wx.request({
            url:params.url,
            method:params.method,
            data:params.data,
            header: {
                'Content-Type': 'json'
            },
            success: function (res) {
                var statusCode = res.statusCode.toString();
                if (statusCode.startsWith("2")) {
                    params.success(res.data);
                } else {
    
                    var errorCode = res.data.code;
                    _show_error(errorCode);
                }
            },
            fail: err => {
                _show_error(1);
            }
        })
    }
    
    function _show_error(errorCode) {
        wx.showToast({
            title: tips[errorCode],
            icon: "none",
            duration: 2000
        })
    }
    export {
        http
    };

    index.js

    import {
    http} from "../../utils/http";
    const app = getApp()
    
    Page({
      data: {
        movies: []
      },
      onLoad() {
          var url = "https://douban.uieee.com/v2/movie/top250";
          wx.showNavigationBarLoading();
          http({
            url,
            success: res => {
              this.handleData(res);
            }
          })
        },
    })

    若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

    请点赞!因为你们的赞同/鼓励是我写作的最大动力!

    欢迎关注达叔小生的简书!

    这是一个有质量,有态度的博客

    博客

  • 相关阅读:
    CI/CD for Power Platform
    SpringMVC异常处理
    SpringMVC框架中的拦截器
    spring实现文件上传
    idea常用的快捷键
    解决maven项目创建过慢的问题
    springmvc—入门程序
    Spring中的 JdbcTemplate
    基于XML的AOP 配置
    基于注解的 AOP 配置
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11932312.html
Copyright © 2020-2023  润新知