显示加载图标/ gif,直到从api返回结果

Question

我正在调用api,结果大约需要15-20秒才能加载,所以我想显示一个加载gif,例如加载它们.

我有一个简单的表单,使请求,然后重定向到相关的操作

<%= form_tag results_path, :method => "get" do %>
<%= text_field_tag 'search', nil, :placeholder => "Enter Email Address here...." %>
<%= submit_tag 'Search' %>

在呈现结果之前,如何将图像添加到results_path？

我可以在表单本身内执行此操作,还是一段Jquery/Javascript

谢谢

Answer 1

根据Rails 3:远程链接和表单,您可以这样做

• 加入:remote => true你的form_tag
• 将以下内容添加到JS中

$('SEARCH-BUTTON').bind('ajax:loading', function(){
  $('LOADING-GIF').show();
});

$('SEARCH-BUTTON').bind('ajax:complete', function(){
  $('LOADING-GIF').hide();
  // add what you like here
});

我还没有测试过,但我认为它可以解决问题.