如何使用AJAX提交Rails表单，同时触发jQuery操作？

Question

我想提出一个Rails的AJAX形成。

我有开/关jQuery函数一些切换，设置一些颜色绿色，红色，如果有人喜欢或不喜欢。

我想要是有它叫我jQuery的功能切换颜色，然后使用Ajax提交表单到轨功能与提交的喜欢/不喜欢的状态。

我的形式：

#wrapper_select.like_select 
    = form_for @paintings, :url => "/paintings/handlelike", :method => "post", :remote => true, :html => {:name => 'form'} do |f| 

     = hidden_field_tag :s_id, params[:id] 
     = hidden_field_tag :likes, params[:choice] 

jQuery函数：

$('.like_select').click(function() { 
    if (this.className.match(/like_yes|like_no/)) $(this).toggleClass('like_yes like_no'); 
    else $(this).toggleClass('like_yes'); 

    }) 

我如何可以调用切换js函数（函数本身工作好），并使用Ajax提交表单，然后将值如果用户喜欢/不喜欢？

Answer 1

使用来自jquey.form插件ajaxSubmit的功能那里，你可以调用另一个函数。 这里是jquery.form插件的链接。

http://jquery.malsup.com/form/

_ __ _ __ _ __ _ _EDIT 2_8 _ __ _ __ _ __ _ __

= javascript_include_tag "jquery.form", "jquery.validate", "attachment_validation" 
= form_for @paintings, :url => "/paintings/handlelike", :method => "post", :remote => true, :html => {:id => "submit_form_id",:onsubmit => "return false;", :name => 'form'} do |f| 


    = submit_tag "submit", :class => "ClickClose", :id => "submit_form_btn" 

个

您的JS

$("#submit_form_btn").click(function() { 
    //call your second function before submitting 

      $('#submit_form_id').submit(function() { 
      $(this).unbind('submit').ajaxSubmit({ 
       success: function(data) { 
       //do something on success case. 
       } 
      }) 
      return false 
      }); 
    }); 

Answer 2

提交使用jQuery阿贾克斯形式需要额外的东西来处理。

1. 表单验证
2. 收集的值和与jQuery POST提交
3. 处理响应和显示消息

更好地看到它。这是一个很好的例子，我认为

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/