zoukankan      html  css  js  c++  java
  • ES6中Promise封装ajax的写法

    1.依赖jquery的写法可以使用下面的
        (function($){
            $.extend({
                ajaxPromise:  param => {
                    return new Promise((resolve, reject) => {
                        $.ajax({
                            method: param.method || "GET",
                            dataType: "JSON",
                            url: param.url,
                            data: param.data || "",
                            success: res => {
                                if (res.status == 1) {
                                    resolve(res.data);
                                }
                                else if (res.status == -1001) {
                                    console.log("需要登录");
                                }
                            },
                            error: err => {
                                if (err.status == 404) {
                                    console.log("404");
                                } else {
                                    reject(err);
                                }
                            }
                        })
                    })
                }
            })
        })(jQuery);
    

    2.如果不依赖jquery可以采用下面的写法

    const ajaxPromise =  param => {
            return new Promise((resolve, reject) => {
                $.ajax({
                    type: param.type || "get",
                    url: param.url,
                    data: param.data || "",
                    success: res => {
                        if(res.status == 1){
                            resolve(res.data);
                        }
                        else if(res.status == -1001){
                            alert("需要登录");
                        }else{
    
                        }
                    },
                    error: err => {
                        if(err.status == 404){
                            alert("404");
                        }else{
                            reject(err);
                        }
                    }
                })
            })
        };
    

      

    使用jquery示例

      /*
         第一个请求
         */
        let step1 = () => {
            $.ajaxPromise({
                url:"agents/get/2068957732939648",
                data: {
                    "token":"f59e423eb75503f5609a0b9ba3b38db8083ad65078edb945b4c528fe6440b728"
                }
            }).then(res => {
                console.log("第一个请求正确返回==>"+res);
            }).catch(err => {
                console.log("第一个请求失败",err);
            })
        };
    
        /*
         第二个请求
         */
        let step2 = () => {
            $.ajaxPromise({
                url:"http://staging.santezjy.com:1031/agents/get/2068957732939648",
                data: {
                    "token":"f59e423eb75503f5609a0b9ba3b38db8083ad65078edb945b4c528fe6440b728"
                }
            }).then(res => {
                console.log("第二个请求正确返回==>",res);
            }).catch(err => {
                console.log("第二个请求失败==>"+err);
            })
        };
    
        step1();
        step2();
    

      

  • 相关阅读:
    windows7安装django并创建第一个应用
    windows7下安装python环境和django
    js中caller和callee属性详解
    分享一个Python脚本--统计redis key类型数据大小分布
    你真的懂git 吗
    如何禁止打印页面
    ZooKeeper入门实战教程(一)-介绍与核心概念
    【shell】shell中各种括号的作用()、(())、[]、[[]]、{}
    Web Components 入门实例教程
    npx 使用教程
  • 原文地址:https://www.cnblogs.com/tonnytong/p/10983246.html
Copyright © 2011-2022 走看看