javascript - Rails form_tag 提交数据而不重新加载整个页面

Question

我有一个名为搜索的模型，用于从数据库中渲染数据，使用索引方法我正在访问来自 3 个模型的数据，并将其显示在索引页面上。我在索引页面本身中使用 form_tag，

            <%= form_tag(search_path, :method => "get", :remote => true, id: "search-form") do %>
            <label for="Longitude ">Lon</label>
              <%= text_field_tag :lng, params[:lng], :id => "longitude", placeholder: "Longitude" %>
            <label for="Latitude ">Lat</label>
              <%= text_field_tag :lat, params[:lat], :id => "latitude", placeholder: "Latitude" %>

              <button class="btn waves-effect waves-light" >Process</button>


        <% end %>

我还没有为此创建任何部分 View 。

我在form_tag中添加了:remote => true，我不知道在哪里以及如何调用ajax？我正在从表中搜索数据并使用 '<%= escape_javascript @center_lat.to_json %>' 获取更新的数据；在index.html.erb文件中

任何帮助将不胜感激。

Answer 1

由于表单的远程选项设置为 true，请求将作为 Ajax 请求发布到您的 Controller ，以查找 JavaScript。为了满足该请求， Controller 的操作将如下所示:

def MyController

  ...

  def my_action
    respond_to do |format|
      format.js { ... }
      format.html { ... }
    end
  end
  ...

format.js {... 允许 Controller 响应您的 Ajax 请求。因此，您需要渲染 .js 或 .js.erb。

看看这里，会更有启发:http://guides.rubyonrails.org/working_with_javascript_in_rails.html