如何将数据从jQuery传递到控制器?

时间:2012-08-06 14:32:07

标签: jquery ruby-on-rails view controller

我有两个字段 - 结束日期和开始日期(日期范围),我应该将它们传递给控制器​​并重新加载此页面。

以下是我的代码:

    <%= form_tag(:controller => "financial_reports", :action => 'index', :method => 'post') do%>//maybe this line should be edited
   <%= datepicker_input "report","start_date", :dateFormat => "dd/mm/yy" %>
  <%= datepicker_input "report", "end_date", :dateFormat => "dd/mm/yy"%>
  <%end%>

并生成HTML():

  <form accept-charset="UTF-8" action="/financial_reports?method=post" method="post"...>
  <input id="report_start_date" name="report[start_date]" size="30" type="text" class="hasDatepicker"><script type="text/javascript">
<input id="report_end_date" name="report[end_date]" size="30" type="text" class="hasDatepicker"
    <input class="btn wide" id="btn-report" name="commit" type="submit" value="Run Report">
  </form>

我可以像这样得到datepicker值:

      $('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
  $("input[name='report[start_date]']").val(dateText);
    }
});

我需要将它们传递给控制器​​并重新加载此页面,因为在此页面控制器中。

这里我需要传递观音价值

    @financial_reports = current_user.financial_reports.where(:created_at => start_date.to_date..end_date.to_date)

或者我应该添加另一个动作或方法?你能建议什么?

2 个答案:

答案 0 :(得分:5)

在我看来,使用AJAX而不是重新加载页面是最好的选择。您只是尝试更新某些数据,并且没有理由执行完整页面刷新来执行此操作。我不是一个RoR爱好者,但似乎我们可以通过做 - >

将数据发送到控制器
$.ajax({ 
  type: 'POST', 
  url: 'path/to/controller', 
  data: {'start_date' : $("input[name='report[start_date]']").val(), 
        'end_date' : $("input[name='report[end_date]']").val() }, 
  success: function(data){
    //data is whatever you RETURN from your controller. 
    //an array, string, object...something 
  } 
});`  

在你的RoR控制器中,你可以通过......来获得参数...

var the_start = params[:start_date],
    the_end = params[:end_date]

现在您已经获得了控制器中的数据,您可以将该方法应用于它。然后,当您准备好发回数据时,return, print, whatever就可以将数据发送到页面。

此外,默认情况下(访问控制器时)RoR需要向视图输出模板,因为我们只想更新数据,您需要使用类似 - &gt;

的内容来停止默认操作
render :layout => false

我希望这很有帮助。我真的不是一个RoR专家,但这是我在几次涉猎时使用的方法。

古德勒克!

答案 1 :(得分:0)

Rails 3现在有助手可以完全按照你的意愿行事。这些被称为远程表单和链接。

This blog post很好地解释了他们做了什么以及他们如何工作。