Javascript 在Rails中异步加载div

我有一个要加载的页面，其中包含正在进行API调用的部分。我不需要等待页面加载，直到完成这些操作。我想加载页面，然后在完成后显示其他部分

现在，这就是我所拥有的，但是它没有得到我想要的结果，即使这样，它仍然在等待很多处理，并且没有首先加载页面，尽管它看起来应该是这样的

<script>
    $(window).load(function(){
        $(".my-div").append('<%= my_function %>');
    });
</script>

资产

不要在资产管道中使用erb代码

在布局或视图中包含这些代码是可以的，但如果您在app/assets/javascripts/any_file.js中包含这些代码，则不会起作用

ERB代码只能由js在视图文件夹中处理，这主要是因为资产管道的预编译过程

附加

正如评论中指出的，您最好等到文档加载完毕，如下所示：

$(document).ready(function() {
    //your code
});

var load = function() {
    //append code here
};

$(document).ready(load);
$(document).on('page:load', load);

但是，如果您使用的是TurboLink，则最好使用以下内容：

$(document).ready(function() {
    //your code
});

var load = function() {
    //append code here
};

$(document).ready(load);
$(document).on('page:load', load);

功能性

---

奇怪的是，您忽略了代码中最重要的一个方面——如何检索数据。如果你能用你的异步函数回复，这将是一个很大的帮助

你试过$document.ready了吗？我的视图中有一个javascript，通过在我的控制器中调用一个私有助手方法来获取数据，但这可能不是最好的方法。我愿意接受任何提示。如果你能为我指出这类事情的最佳实践的正确方向，我会很高兴的。谢谢