javascript - jQuery 确保一个函数先于所有其他函数运行的最佳方法

Question

我想读取一个文本文件并将其内容获取到一个变量并在任何地方使用该变量。

var latest_date = "";
$.get('/data/latest_data.txt', function(data) {
  latest_date = data; // eg "20180102"
}, 'text');

// and lots of similar functions like this
$(function() {
  $.getJSON('../data/' + latest_date + '/overview.json', function(data){
    $('#overview').DataTable(data);
  });
});

但是，其他函数将在 latest_date 变量获取其正确值之前运行。如何确保 $.get 函数先于其他函数运行？

类似于这个问题How should I call 3 functions in order to execute them one after the other?但我有很多功能。我不能将它们全部作为初始函数的回调。我也不愿意将 timeOut 添加到我的所有函数中。有更好的办法吗？

Answer 1

您可以在 get 方法返回的 jqXHR 上使用 Promise 对象。例如:

var promise = $.get('/data/latest_data.txt', 'text').promise();

promise.then(function (latest_date) {
    $.getJSON('../data/' + latest_date + '/overview.json', function (data) {
        $('#overview').DataTable(data);
    });
});