一个Rails视图上的多个Ajax请求

时间:2013-04-01 00:59:55

标签: javascript ruby-on-rails ajax

我在一个页面上有两个ajax请求(一个显示日期,一个显示日历)

请求一:点击日期(在日历上),将更新日期。

请求二:您可以在日历的月份之间进行更改。

我会在index.js.erb中同时拥有这两个函数,并且它总是同时执行这两个函数,重置日期并请求一个'每次我改变几个月。

我可以这样做,所以它一次只能执行index.js.erb的一个函数吗?

index.js.erb的

$("#calendar").html("<%= escape_javascript(render('layouts/calendar')) %>");
$("#today").html("<%= escape_javascript(render('layouts/today')) %>");

_today.html.erb

<div class="span3 offset2 dateToday">
    <% end %>
    <span id="currentdate">
        <%= @eventDate.strftime("%B") %><br>
        <span id="dayDate"><%= h @eventDate.day %></span>
    </span>
</div>

_calendar.html.erb

  <h2 id="month">
      <span class="pull-left"><%= link_to "<", :month => (@date.beginning_of_month-1).strftime("%Y-%m-01") %></span>
      <%= h @date.strftime("%B %Y") %>
      <span class="pull-right"><%= link_to ">", :month => (@date.end_of_month+1).strftime("%Y-%m-01") %></span>
  </h2>
  <%= calendar_for(@events, :year => @date.year, :month => @date.month) do |t| %>
      <%= t.head('Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun') %>
      <%= t.day(:day_method => :eventdate) do |date, events| %>
  <div class="day">
      <%= link_to(date.day,  {:day => date }, :remote => true, :class => "btn dayBtn") %>      
  </div>
  <% end %>
  

编辑:routes.rb

resources :calendar

root :to => "calendar#index"

match '/faq',   to: 'calendar#faq'
match ':controller/:action'

编辑 - 链接到ajax操作

<%= link_to "<", :month => (@date.beginning_of_month-1).strftime("%Y-%m-01"), :action => "update_calendar", :remote => true %>

谢谢!

1 个答案:

答案 0 :(得分:4)

你要么必须设置逻辑以根据你传递的一些参数做出不同的响应,要么你需要将它们分解为两个不同的动作,因为它们实际上是两个不同的动作。

如果您使用param方法,那么就是这样。

-if param[:one]
  $("#calendar").html("<%= escape_javascript(render('layouts/calendar')) %>");
-if param[:two]
  $("#today").html("<%= escape_javascript(render('layouts/today')) %>");

或者如前所述,只是将它们分解为不同的行为。

在您的控制器中

def update_today
 #your today logic thats in your current action
 respond_to do |format|
   format.js{render}
 end
end

def update_calendar
 #your today logic thats in your current action
 respond_to do |format|
   format.js{render}
 end
end

然后,您必须为这两个操作添加路线。

update_today.js.erb

$("#today").html("<%= escape_javascript(render('layouts/today')) %>");

update_calendar.js.erb

$("#calendar").html("<%= escape_javascript(render('layouts/calendar')) %>");