Javascript Node.js 完全覆盖文件

Question

我有一个应用程序需要data.json 文件才能绘制 d3-graph。但是我需要在onClick-Event 上更新该文件：

d3.select("#updatebutton").on("click", function(e) {
        try{
            $.get('https://localhost:4444/data', function(data) {
            });
        }
        catch (e) {
            alert('Error: ' + e);
        }
    });

上面是带有 jquery 调用的更新按钮。在我的app.js 文件中，我是这样使用它的：

app.get('/data', function(req, res, next) {
    try{
        getJSON();
}
catch(e) {
    alert('Error');
    }

});

getJSON()-Function 通过 https-Request 接收数据，处理该数据并将其保存到 data.json：

function getJSON() {
      var req = https.get(options, function(response) {
    // handle the response
    var res_data = '';
    response.on('data', function(chunk) {
        res_data += chunk;
    });
    response.on('end', function() {
        //process data
        // save to file
        fs.writeFile(filePath, JSON.stringify(finalJson), function(err) {
        if (err)
            throw err;
        });
    });
});
}

但是，如果我在几秒钟后反复单击我的updateButton，似乎data.json 没有被覆盖，但文件越来越大，这意味着数据被添加到文件中而不是被覆盖。

我做错了什么？

感谢您的帮助。

Answer 1

由于您使用 app.get 作为您的路线，我猜您正在使用 express。

在您的路线定义中：

var getData = (function() {

    var callbacks = [];

    function executeCallbacks(err, data) {
        for (var i = 0; i < callbacks.length; i++) {
            callbacks[i](err, data);
        }
        callbacks = [];
    }

    return function(cb) {
        callbacks.push(cb);

        if( callbacks.length === 1 ) {

            var req = https.get(options, function(response) {

                // handle the response
                var res_data = '';

                response.on('data', function(chunk) {
                    res_data += chunk;
                });

                response.once('end', function() {

                    // process data here

                    // save to file
                    fs.writeFile(filePath, JSON.stringify(finalJson), function(err) {
                        if (err) {
                            // call error handler
                            return executeCallbacks(err);
                        }

                        executeCallbacks(null, body);
                    });
                });

                response.once('error', function() {
                    return executeCallbacks(err);
                });
            }

            req.end();
        }
    };
})();



app.get('/data', function(req, res, next) {

    getData(function(err, data) {
        if(err) {
            return next(err);
        }

        return data;
    });

});

在你的浏览器js文件中：

d3.select("#updatebutton").on("click", function(e) {
    $.get( 'https://localhost:4444/data', function(data) {
        alert( "success" );
        var json = JSON.parse(data);
    })
   .fail(function() {
       alert( "error" );
   });
});

我看到你使用 try / catch 来处理回调函数。回调函数在原始函数完成后触发。所以不要在回调函数周围使用 Try / Catch。

阅读：https://strongloop.com/strongblog/async-error-handling-expressjs-es7-promises-generators/