如何使用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/