ruby-on-rails – 如果在Rails中选择框的更改事件触发后,如何使

发布时间：2020-12-17 03:26:42 所属栏目：百科来源：网络整理

导读：在Rails中选择框的更改事件触发后,如何使用jQuery UJS提交表单？我的观点如下： % for perm in @permissions % %= form_for [@brand,perm],{ :remote = true } do |f| % tr id="permission_%= perm.id %" td%= perm.configurable.name %/td td%= f.select :

在Rails中选择框的更改事件触发后,如何使用jQuery UJS提交表单？

我的观点如下：

<% for perm in @permissions %>
  <%= form_for [@brand,perm],{ :remote => true } do |f| %>
    <tr id="permission_<%= perm.id %>">
      <td><%= perm.configurable.name %></td>
      <td><%= f.select :action,['none','read','update','manage'] %></td>
    </tr>
  <% end %>
<% end %>

非常直截了当.我的控制器是这样的：

class PermissionsController < ApplicationController

    before_filter :authenticate_user!

    respond_to :html,:js

    load_and_authorize_resource :brand
    load_and_authorize_resource :permission,:through => :brand

    def index
    end

    def update
      @permission = Permission.find(params[:id])
      @permission.update_attributes(params[:permission])
    end

end

在我的application.js中：

// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
$(function() {
  $("#permission_action").change(function() {
    this.form.submit(); // This needs to be an AJAX call,but how?
  });
})

请注意,表单提交正常.但它正在做一个常规的帖子,而不是一个AJAX提交.当我在表单上放置一个提交按钮并使用它时,AJAX提交工作正常.我需要改变：

this.form.submit();

一个AJAX电话,但我不知道如何.有人可以帮忙吗？

解决方法

我看到你已经在使用jQuery了.以下代码取自此处： http://railscasts.com/episodes/136-jquery

我强烈建议你熟悉这些屏幕演员他们帮助吨(低调).

// public/javascripts/application.js
jQuery.ajaxSetup({ 
  'beforeSend': function(xhr) {xhr.setRequestHeader("Accept","text/javascript")}
})

jQuery.fn.submitWithAjax = function() {
  this.submit(function() {
    $.post(this.action,$(this).serialize(),null,"script");
    return false;
  })
  return this;
};

$(document).ready(function() {
  $("#new_review").submitWithAjax();
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!