• Promise(避免金字塔回调)


    前后端分离开发,前端通过接口获取数据,但是有的页面不止一个接口,就会出现金字塔回调,可以通过 Promise 封装请求。

    request-data.js:

    function reqData(posturl, req, res, callback) {//请求用户数据
        request({
            url: con.url + posturl,
            method: "POST",
            json: true,
            headers: {
                
            }
        }, function (error, response, body) {
            if (!error && response.statusCode == 200) {
                callback(body.code, body.data, null);
            } else {
                callback(null, null, "error");
            }
        });
    }
    
    function reqPostData(posturl, bodyData, req, res, callback) {//请求用户数据
        request({
            url: con.url + posturl,
            method: "POST",
            json: true,
            headers: {
                
            },
            body: bodyData
        }, function (error, response, body) {
            if (!error && response.statusCode == 200) {
                callback(body.code, body.data, null);
            } else {
                callback(null, null, "error");
            }
        });
    }

    viewData.js:

    //引入数据请求模块
    var requestData = require('./request-data');
    
    function getNoParam(postUrl,req, res,describe) {
        var describe = describe || '数据';
        //创建Promise对象
        var p = new Promise(function(resolve, reject){
            //发送获取相应数据的请求
            requestData.reqData(postUrl, req, res, function (code, data, err) {
                if (code == 0) {
                    //成功返回数据
                    resolve({Data:data});
                } else {
                    //失败说明原因
                    reject(describe + "获取失败:" + data);
                }
            });
        });
        return p;
    
    }
    
    function getWithParam(postUrl, postData,req, res,describe){
        var describe = describe || '数据';
        //创建Promise对象
        var p = new Promise(function(resolve, reject){
            //发送获取相应数据的请求
            requestData.reqPostData(postUrl, postData, req, res, function (code, data, err) {
                // console.log(code, data, err);
                if (code == 0) {
                    //成功返回数据
                    resolve({Data:data});
                } else {
                    //失败说明原因
                    reject(describe + "获取失败:" + data);
                }
            });
        });
        return p;
    }

    路由文件调用:

    var viewData = require('../modules/viewData');
    
    /*商品列表*/
    router.get('/list', function (req, res) {
        Promise
            .all([viewData.getNoParam('/user/hot_list', req, res, '热门列表'), viewData.getWithParam('/user/recommend_list', {id: req.query.id}, req, res, '推荐列表')])
            .then(
                function (results) {
                    res.render('index/pay_complet', {
                        title: '商品列表',
                        hot: results[0].Data,
                        rm: results[1].Data
                    });
                },
                function (reason) {
                    //console.log(reason);
                    res.render('common/error', {title: '错误', message: reason});
                }
            );
    });
  • 相关阅读:
    挺好的程序员面试网址
    [转]浅谈协方差矩阵
    坚持
    matlab中文论坛
    看书
    Opengl绘制点
    说服力
    心情
    vector操作
    我的毕设
  • 原文地址:https://www.cnblogs.com/gxp69/p/9660770.html
Copyright © 2020-2023  润新知