首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Rails:单击下拉选项时提交(通过AJAX)

Rails 是一个流行的开源 Web 应用框架,它使用 Ruby 语言编写。Rails 提供了一种简单、快速和高效的方法来构建 Web 应用程序。

在 Rails 中,通过 AJAX 提交表单时,可以使用 Rails 的内置功能来实现。Rails 提供了一个名为 remote: true 的选项,可以将表单提交为 AJAX 请求。

要在 Rails 中使用 AJAX 提交表单,请按照以下步骤操作:

  1. 在表单中添加 remote: true 选项。

例如:

代码语言:txt
复制
<%= form_with(model: @post, remote: true) do |form| %>
  <%= form.text_field :title %>
  <%= form.text_area :content %>
  <%= form.submit "Submit" %>
<% end %>
  1. 在控制器中添加一个新的动作,用于处理 AJAX 请求。

例如:

代码语言:txt
复制
class PostsController< ApplicationController
  def create
    @post = Post.new(post_params)

    respond_to do |format|
      if @post.save
        format.html { redirect_to @post, notice: 'Post was successfully created.' }
        format.js
      else
        format.html { render :new }
        format.js
      end
    end
  end

  private

  def post_params
    params.require(:post).permit(:title, :content)
  end
end

在这个例子中,当 POST 请求成功时,控制器将响应一个 create.js.erb 文件。

  1. 创建一个 create.js.erb 文件,用于处理 AJAX 请求的响应。

例如:

代码语言:txt
复制
$("#posts").append("<%= j render(@post) %>");

在这个例子中,create.js.erb 文件将新的帖子添加到页面上。

通过这种方式,您可以在 Rails 中使用 AJAX 提交表单,并在提交后立即更新页面,而无需重新加载整个页面。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券