將AJAX實施為rails形式。

Question

我有一個用戶可以從中通過SMS發送消息的消息。 該表單具有調度消息的功能。 現在，我有一個靜態按鈕，上面寫着“發送消息”，它可以工作，但是當用戶安排一條消息時，我希望按鈕可以通過onlcick類型的操作將內部文本切換為“計划消息”。 我認為這應該是使用ajax實現的易事，但我以前從未在Rails應用程序中使用過它。 我將顯示一個屏幕截圖和一些代碼，希望這將是足夠的信息。 讓我知道您是否需要提供比我最初顯示的更多的代碼。

這是我的表單屏幕截圖，因此，當用戶單擊日歷壓延字形圖標時，它將啟動ajax並切換“發送消息”按鈕以顯示“計划消息”

這是我的表格的代碼

<div class="container text-center">
 <div class="row">
  <div class="col-lg-8 col-lg-offset-2 well">
     <%= form_for @message do |form| %>
       <div class="form-group">
         <%= form.label :body, "Enter a Message:", class: "message_label"%>
         <%= form.text_field :body, class: "form-control", placeholder: "New things are happening!" %>
       </div>
       <%= form.submit "Send Message", class: "btn btn-primary" %>
       <h3>Groups:</h3>
       <div class="radio">
         <div class="row col-span10">
           <% Group.all.each do |group| %>
             <div class="col-md-3">
               <label>
                 <input id="message_group_<%= group.id %>" name="message[group_ids][]" value="<%= group.id %>" type="checkbox">
                 <%= group.name %>
               </label>
            </div>
          <% end %>
        </div>
      </div>
      <h3>Scheduled Text Message:</h3>
      <div class="row">
        <div class='col-sm-4 col-sm-offset-4'>
          <div class="form-group">
            <div class='input-group date' id='datetimepicker'>
              <%= form.text_field :send_at, class: "form-control" %>
              <span class="input-group-addon">
                  <span class="glyphicon glyphicon-calendar"></span>
              </span>
            </div>
          </div>
        </div>
      </div>
    <% end %>
  </div>

Answer 1

我建議您閱讀在Rails中使用javascript ，那里介紹了有關javascript和AJAX的幾件事。

基本上，您需要將表單標記為remote並使用javascript掛鈎到AJAX事件（成功，完成，錯誤等），以執行所需的任何動畫/過渡。