使用jQuery提交Rails表單

Question

我想提交一個使用jQuery和Ajax的Rails表單，但它不工作，我不知道爲什麼。我知道有remote: true使用AJAX做事情，但這並不足以解決我的問題，因爲我想在單擊提交按鈕時執行其他jQuery操作，並對操作狀態（即成功和失敗）提供良好的反饋。這是代碼我目前有以下形式：

<%= form_for @mail, id: "mail-form", url: subscription_mail_create_recipients_path(@mail) do |f| %> 

    <strong>Choose the users you want to target..</strong><br/> 

    <%= f.check_box :target_users %> Users       

    <div class="actions"> 
    <a id="save-config" class="btn btn-primary purple-button">Save configuration</a> 
    </div> 
<% end %> 

jQuery的：

$('#save-config').click(function(){ 
     $('#mail-form').submit(function() { 
      var valuesToSubmit = $(this).serialize(); 
      console.log(valueToSubmit); 
          $.ajax({ 
           url: $(this).attr('action'), //sumbits it to the given url of the form 
           data: valuesToSubmit, 
           dataType: "JSON" // you want a difference between normal and ajax-calls, and json is standard 
          }).success(function(json){ 
           //act on result. 
          }); 
      alert("method failed"); 
          return false; // prevents normal behaviour 
     }); 
    }); 

我想在這裏工作過的例子Submit form in rails 3 in an ajax way (with jQuery)

我已經沒有提交按鈕，是原因它不工作？任何幫助，將不勝感激。

Answer 1

您的代碼確實定義了在提交表單時要執行的函數。它會在按鈕上點擊一次。但是你想要的是每次點擊都提交表單的內容。因此，請嘗試以下操作：

$('#save-config').click(function(){ 
    var valuesToSubmit = $('#mail-form').serialize(); 
    console.log(valueToSubmit); 
    $.ajax({ 
    url: $('#mail-form').attr('action'), //sumbits it to the given url of the form 
    data: valuesToSubmit, 
    dataType: "JSON" // you want a difference between normal and ajax-calls, and json is standard 
    }).success(function(json){ 
    //act on result. 
    }); 
    return false; // prevents normal behaviour 
});