Javascript 如何将延迟的ajax数据获取到rails视图

我有一个api操作，检索数据大约需要10秒。我使用警报来验证数据是否确实存在，我的问题是如何正确地将其发送到rails视图以显示。这是我的js代码片段

 $.ajax({
    type:"GET",
    url:"pages/splunk_bf_data",
    action:"splunk_bf_data",
    dataType:"json",
    success:function(data){
      alert(data);
      splunk_bf_data = data;
    }
  })

---

慢速操作位于单独的“pages/splunk\u bf\u data”页面上，因此此页面可以快速渲染。

很好。。现在您的数据已在成功回调中。现在，以您想要的方式将数据附加到html元素中。如果你有这样的div

<div class="data-container">
<div>

然后你想在div中显示数据

 $.ajax({
    type:"GET",
    url:"pages/splunk_bf_data",
    action:"splunk_bf_data",
    dataType:"json",
    success:function(data){
      var html = '<p>' + data.yourData + '</p>'
      $('.data-container').html(html); //insert the content inside your <div>
    }
  });

$.ajax({
键入：“获取”，
url:“页面/splunk\u bf\u数据”，
操作：“splunk\u bf\u数据”，
数据类型：“json”，
成功：功能（数据）{
var html=''+data.yourData+'
'
$（'.data container'）.html（html）；//将内容插入
}
});

问题到底出在哪里？你在挣扎什么？我的问题是我的无知，哈。我不太明白这个概念，我猜一定有一个div，或者我可以分配给它的变量，我可以传递给rails视图，并且在数据进入后刷新页面。只是不知道如何做或者从哪里开始。