Javascript 确保ajax成功函数发生在$（document.ready（）之后

我正试图通过移动ajax调用来加速我的一些站点

情况如下：

我有一个有一些画布的页面+其他数据

请求页面时，加载“其他数据”。在$（document.ready（）中；我有一个获取画布数据的函数。这是使用ajax完成的

我想知道我是否可以在$（document）.ready（）之前进行ajax调用，但是只有在dom准备好的情况下，ajax调用（即呈现画布）才会成功

因此：

这样行，但我想要这样的

$(document).ready(function(){
}

$.ajax({
    url: '/someurl'
    dataType: 'json',
    success: function(response){
        //only fire once dom is ready for it
        startDrawOnCanvas(stage, response.data);
    }
});

你能做到

---

。。。jQuery将检测

$（document）.ready（）

是否已经运行，如果已经运行，则立即运行回调。或者，它会像往常一样延迟它。

不知道这一点。是否有对它的引用？@OzrenTkalčecKrznarićready'pseudo'事件使用手动解析的承诺（延迟对象readyList），即使伪事件已经存在done@OzrenTkalčecKrznarić：请看，以“还有…”开头的段落不是这样，而是将回调执行推迟到DOM准备就绪

$(document).ready(function(){
}

$.ajax({
    url: '/someurl'
    dataType: 'json',
    success: function(response){
        //only fire once dom is ready for it
        startDrawOnCanvas(stage, response.data);
    }
});

$.ajax({
    url: '/someurl'
    dataType: 'json',
    success: function(response){
        $(document).ready(function () {
            //will fire once dom is ready for it
            startDrawOnCanvas(stage, response.data);
        });
    }
});