如何在Rails控制器中接收用户输入重新计算并实时更新视图？

核心需求 #

表单接收数字输入，提交到Rails控制器完成计算，实时展示结果，无需数据库存储。

各方案分析与推荐 #

1. Ajax（最优方案） #

这是Rails里实现无刷新实时交互的标准做法，完全匹配你的需求，用户体验最好。

实现步骤：

• 修改表单启用Ajax：

  <%= form_with local: false do |form| %>
    <%= form.text_field :number, placeholder: "输入数字" %>
    <%= form.submit "计算" %>
  <% end %>
  
  <div id="result"><%= @output %></div>
  

• 控制器处理请求并返回JS响应：

  def calculate
    @output = params[:number].to_i * 2
    respond_to do |format|
      format.js # 自动渲染对应视图下的calculate.js.erb
    end
  end
  

• 创建app/views/[你的控制器名]/calculate.js.erb，更新页面结果：

  document.getElementById('result').textContent = "<%= j @output %>";
  

• 配置路由：

  post '/calculate', to: '[你的控制器名]#calculate'
  

2. Rails原生同步提交（极简但体验一般） #

如果不需要无刷新，直接用默认的同步表单提交就行，这是最基础的Ruby/Rails实现方式，不需要额外技术。

实现步骤：

• 表单指定提交路径：

  <%= form_with url: calculate_path, method: :post do |form| %>
    <%= form.text_field :number %>
    <%= form.submit "计算" %>
  <% end %>
  
  <%= @output %>
  

• 控制器动作：

  def calculate
    @output = params[:number].to_i * 2
    render :index # 回到index页面展示结果
  end
  

• 路由配置同上。
  这种方式简单，但每次提交都会整页刷新，体验不如Ajax。

3. 无表模型（没必要） #

无表模型是用来封装没有数据库表的复杂业务逻辑（比如多字段验证），但你的需求只是简单数字计算，用这个纯属过度设计，完全没必要。除非后续要扩展复杂的输入校验或多字段处理，否则不用考虑。

总结 #

优先选Ajax方案，无刷新实时更新，用户体验最优；如果追求极简且暂时不需要实时性，同步提交也能满足需求；无表模型对你当前场景没用，不用浪费精力。

内容的提问来源于stack exchange，提问作者ldthompson