Ruby on rails Twitter引导模式提交按钮,用于在Rails中提交和打开模式

Ruby on rails Twitter引导模式提交按钮,用于在Rails中提交和打开模式,ruby-on-rails,twitter-bootstrap,modal-dialog,Ruby On Rails,Twitter Bootstrap,Modal Dialog,我有以下Twitter引导模式按钮(haml)-我想用这个按钮保存我的表单,然后打开模式对话框询问是否要打印它。如何使此按钮执行提交或保存: %a.btn{"data-toggle" => "modal", :href => "#myModal", class: 'btn btn-inverse btn-large', :role => "button"} Press to Complete Visit #myModal.modal.hide.fade{"ari

我有以下Twitter引导模式按钮(haml)-我想用这个按钮保存我的表单,然后打开模式对话框询问是否要打印它。如何使此按钮执行提交或保存:

%a.btn{"data-toggle" => "modal", :href => "#myModal", 
  class: 'btn btn-inverse btn-large',
  :role => "button"} Press to Complete Visit

  #myModal.modal.hide.fade{"aria-hidden" => "true",
 "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1"}

您应该编写一篇AJAX文章,并有一个端点来接收数据

HTML:

Javascript:

$('#submit-btn').click(function() { 
  $.ajax({
    type: post,
    url: '/your-end-point',
    data: your_data,
    success: function() {
      $('#myModal').show();
    }
  })
})
轨道:

routes.rb

您的_controller.rb


这看起来很完美,但我在数据方面遇到了问题。我想我必须呈现一个json对象,但我不确定该怎么做。我已经用一些Rails代码示例编辑了我的答案。希望你现在明白了。
$('#submit-btn').click(function() { 
  $.ajax({
    type: post,
    url: '/your-end-point',
    data: your_data,
    success: function() {
      $('#myModal').show();
    }
  })
})
post 'your_end_point' => 'your_controller#submit'
def submit
  # Save form data...
  render :json => 'success'
end