javascript - 将 AJAX 调用生成的数据用于 OnClick 事件

Question

我有一个 Web 应用程序，我想在文档准备好执行 javascript 时从 API 获取一些数据。我想将此数据存储在一个对象中以供以后访问。当用户单击页面上的某个链接时，我将需要访问此对象。

我想知道实现这一目标的最安全/最被接受的模式是什么，因为它涉及要监听的事件（AJAX 请求的成功和以后可能的点击）。如果我不需要的话，我真的不想将我的所有代码都包含在 AJAX 请求中，但我也不想冒用户在 AJAX 请求完成之前点击的风险（这是一个相当小的API 调用，但仍然）。

Answer 1

延迟对象救援！

(function($){ // this prevents polluting the global scope
    var request = $.ajax({...});
    //... later on...
    $(someelement).on("click",function(){
        request.done(function(data){
            console.log(data);
        });
    });
})(jQuery);