No se puede enlazar ajax: el éxito de forma creada con form_for ....: distancia => true

Question

estoy usando Rails 3.1.1

Tengo el siguiente en una vista haml:

= form_for booking.notes.build, :remote => true do |f| 
    = f.text_area(:content) 
    = f.hidden_field(:noteable_id) 
    = f.hidden_field(:noteable_type) 
    = f.submit('Add note') 

que crea nuevas notas en el envío. Además, la respuesta de mi controlador aparece correctamente en una consola de Chrome (pestaña Red). Pero parece que no puedo entender la respuesta.

Quiero actualizar la lista de notas en la página después del envío. He intentado vincularme con la respuesta del ajax para poder captar la respuesta, pero estoy fallando. Por ejemplo, creo que esto debería funcionar, pero no:

$('#new_note').bind('ajax:success', function() { 
    alert('Hi'); 
}); 

Pero no se activa ninguna alerta. Lo cual creo que explica por qué esto tampoco funciona.

$('#new_note').bind("ajax:success", function(evt, data, status, xhr){ 
    // Insert response partial into page below the form. 
    $(this).parent.append(xhr.responseText); 

}) 

¿Puede indicarme qué podría estar yendo mal?

Answer 1

Esto generalmente se hace haciendo un archivo create.js.erb en la sección de vista de su controlador (si no lo ha hecho ya) en el que tiene acceso a las variables que salgan de la acción create, y allí puede renderizar su html

en su archivo create.js.erb se podría escribir algo así como

$("#new_note").html('<%= escape_javascript(render partial: "path/to/partial") %>'); 

leer más en this post que escribí hace algún tiempo, se explica prácticamente todo el flujo

Answer 2

¿Has probado 'ajax: completar'?

Otras cosas que pueden salir mal aquí:

código de estado no era realmente "éxito". Esto desencadena el éxito en jQuery

if (status >= 200 && status < 300 || status === 304) { 

O se evaluó el controlador de eventos antes de que se muestra el formulario. Trate de delegación de eventos: (. Cuidado, esta es la nueva sintaxis de jQuery Si se utiliza jQuery edad, ajustar en consecuencia)

$("body").on('ajax:success', '#new_note', function(){...}) 

Answer 3

si lo desea, puede poner su javascript en create.js.erb (código de en este archivo se ejecutará después de la respuesta vendrá a su navegador) Y en este archivo se puede utilizar si la declaración, como

<% if @ok %> 
    //your code 
<% end %> 

si en la acción de su controlador establecido en false @ok la respuesta estará vacía!