要使用Rails 3对jQuery AJAX成功方法进行部分渲染,您需要遵循以下步骤:
gem 'jquery-rails'
并运行bundle install
来安装jQuery库。然后,在app/assets/javascripts/application.js
文件中添加以下代码以包含jQuery://= require jquery
//= require jquery_ujs
app/controllers/your_controller.rb
文件中添加以下代码:def your_action
@data = YourModel.find(params[:id])
respond_to do |format|
format.js
end
end
app/views/your_controller
目录中创建一个名为your_action.js.erb
的文件,并添加以下代码:$("#your-element-id").html("<%= j render 'your_partial', data: @data %>");
这将使用名为_your_partial.html.erb
的部分模板替换具有ID your-element-id
的HTML元素。
app/views/your_controller/_your_partial.html.erb
文件中添加要渲染的HTML代码。例如:<div>
<h2><%= data.title %></h2>
<p><%= data.description %></p>
</div>
<%= form_tag your_action_path, remote: true do %>
<%= submit_tag "Update" %>
<% end %>
app/assets/javascripts/your_script.js
文件中添加以下代码:$(document).on("ajax:success", "form[data-remote]", function(event, data, status, xhr) {
console.log("AJAX request was successful!");
});
现在,当用户提交表单时,Rails将使用jQuery AJAX发送请求,并在成功完成时执行部分渲染。
请注意,这些示例中的代码可能需要根据您的具体项目进行调整。
领取专属 10元无门槛券
手把手带您无忧上云