Блог

Пользователи моего сайта, заполните форму AJAX / JSON.

Разбивка

1. я передаю объект json в outer space.
2. чем сбой объекта в моем контроллере,
3. затем мой контроллер загружает вторую часть.
4. затем, когда я нажимаю и появляется отказ от ответственности,
5. вторая часть исчезает.

я передаю объект json в outer space.

             $.ajax({
                url: foo_url,
                data: dataString,
                type: "POST",
                dataType: 'json',
                success: function(data) {
  

чем сбой объекта в моем контроллере

   respond_to do |wants|
    wants.json { render :json => {:errors => @card_signup.errors, :html => (render_to_string :partial => '/card_signups/new_form') } }
  end
  

затем мой контроллер загружает вторую часть.

Это эффективно скрывает первую и помещает новую сверху. Понятия не имею, как и где это происходит в коде, это происходит просто потому, что контроллер вызывает его, я полагаю.

затем, когда я нажимаю и появляется отказ от ответственности

Когда появляется отказ от ответственности, новейшая форма полностью исчезает, оставляя старую непроверенную дерьмовую. Опять же, ни один код в системе не говорит об этом, это просто то, что делает приложение, когда оно загружает две формы и завершается сбоем.

нажмите отправить

Ошибка, он пытается зарегистрировать единственную форму (неудачную форму), и все приложение завершается с ошибкой.

БОЛЬШОЙ ВОПРОС:

Как я могу, по крайней мере, просто остановить рендеринг объекта дважды и просто сделать так, чтобы он обновлял форму. Это должно в значительной степени решить всю эту проблему.

В основном, вместо того, чтобы указывать ему снова отображать new_form, как мне сказать ему просто вернуть старую форму с ошибками в ней?

Это помогло бы увидеть ваш код JavaScript, который отправляет форму и обрабатывает возвращаемые данные JSON.

Я в некоторой степени согласен с Владом в том, что вы не возвращаете весь HTML для формы, а скорее пишете некоторый код JavaScript для отображения сообщений об ошибках в существующей форме. На самом деле я бы так с этим справился, но если вы хотите свести JavaScript к минимуму, вы можете сделать что-то похожее на следующее:

На вашей странице это должно исходить из вашей части new_form:

 <form id="my_form">
  ....
</form>
  

Ваш javascript для отправки формы и обработки обратных вызовов:

     $.ajax({
      url: foo_url,
      data: dataString,
      type: "POST",
      dataType: 'json',
      success: function(data) {
            if (data.errors) {
              $("#my_form").html(data.html); // replace old form
            }
            else {
              // Everything was OK, so do something here.  Perhaps reset the form?
            }
        }
    });
  

без дополнительного кода я не могу понять, почему ваши формы исчезают, но что касается моего комментария, то он идет. При отправке формы ajax отправьте данные на сервер для проверки. Если данные действительны, отправьте клиенту объект json со свойством status. Если данные неверны, отправьте клиенту тот же объект json со свойством status и другим свойством, которое будет содержать сообщения об ошибках. Это должно выглядеть так:

 // validation ok
response = {status: 'ok'}

// validation errors
response = {status: 'error', msg: 'Invalid username<br />Invalid email addres...'}
  

На стороне клиента проверьте статус ответа. Если равно «ok», сделайте что-нибудь, иначе добавьте response.msg к любому элементу контейнера на вашей странице

Надеюсь, я ясно выразился. Удачи