Как осуществить отправку сообщения без перезагрузки страницы (Ruby on Rails)?

Question

[jetus]

На странице есть div c CSS свойством display: none; При нажатии на него, здесь же, показывается блок с двумя полями для ввода значений (Пол и Возраст). Если нажать "Отправить данные", то данные просто уходят, оставляя за собой все так же блок div со свойством display: block;

Как сделать так, чтобы при отправке сообщения блок закрывался и на месте него показывалось сообщение об успешной отправке? Без перезагрузки страницы.

Answer 1

[Dimitriy]

В упрощенном виде примерно вот так.
Во вьюхе:

<div class="msg"></div>
<div class="form-wrap" style="display:block">
<%= form_tag('/feedback', remote: true, format: :json, id: 'feedback') do %>
....

в контроллере

def send_email
....
  respond_to do |format|
    # if success
    msg = success ? 'You request will be success processed'
                  : 'Ooops. Error occurred. Try later.'
    format.json { render json: {msg: msg}.to_json }
  end
end

CoffeeScript:

$('#feedback')
  .on 'ajax:before', ()->
    $('.form-wrap').hide()
    $('.msg').html('Sending...')
  .on 'ajax:success', (e, data)->
    $('.msg').html(data.msg)

Поподробней можно глянуть тут

Comments

[jetus]

Спасибо. Воспользовался вашим развернутым решением.

Answer 2

[animhotep]

xmlhttprequest.ru например

Comments

[jetus]

В ActionMailer можно рендерить текст после успешной отправки сообщения. Но у меня не получилось это сделать не перезагружая страницу. У меня еще есть блок который надо по сути уничтожить.

[jetus]

Имел ввиду может есть что-нибудь из коробки

[animhotep]

като-то так можно
.post( "page.rb", function( data ) {
$( ".block" ).hide();
$( ".block-result" ).show( data ); //в data будет ответ сервера
});

Answer 3

[Finist]

Ваша главная задача отправить форму ajax'ом на сервер, спрятать ненужный блок тут самое легкое
stackoverflow.com/questions/6723334/submit-form-in...