Wie man Ajax neu lädt, ohne die Seite zu aktualisieren

Question

Ich versuche, ein simple_form zu aktualisieren, wenn der Fokus aus ist. Ich habe das gemacht, aber ich kann es nur einmal tun und ich kann nicht herausfinden, wie man es auf alle Eingabeformen anwenden kann. hier ist mein Code:

<%= content_for :after_js do %> 
<%= javascript_include_tag 'autocomplete-rails-custom' %> 
<script> 
var autocomplete_field = $('#user_job_name') 

autocomplete_field.on('focus', function(){ 
    console.log('focus') 
    var search = 'A' 
    if (autocomplete_field.val() && autocomplete_field.val().length > 0) { 
    search = autocomplete_field.val() 
    } 
    autocomplete_field.autocomplete('search', search) 
}) 
$(document).ready(function() { 
    $('input').blur(function() { 
    $('#refresh').trigger('submit.rails'); 
    }); 
}); 
</script> 
<% end %> 

Und der HTML-Code aus dem simple_form:

<%= simple_form_for user, remote: true, html: {class: 'full-width ', id: "refresh"} do |f| %> 
<input type="hidden" name="page" value="admin"> 

Mit Eingabe wie folgt aus:

<td class='float-label'> 
<%= f.input :first_name 
    label: false %> 
</td> 

'Eingang' mit dem Eingabeformular und #refresh bezieht, ist eine ID, die ich dem simple_form zuweise.

Ich denke also, die Ajax-Funktion aktualisiert nicht, und ich habe keine Ahnung, wie es zu tun ...

Eine wenig Hilfe :)

Vielen Dank schätzen würde.

Answer 1

Sie dieses $('input').blur(function() { $.ajax({ type:"POST", url:$('#refresh').attr("action"), data:$('#refresh').serialize(), success: function(response){ console.log(response);
} }); });

Answer 2

verwenden Wenn Sie simple_form verwenden mit Fernbedienung wahr, versuchen Sie dies:

$('input').blur(function() { 
    $('#refresh').trigger('submit.rails'); 
}); 

Hope this Hilfe.

Answer 3

ich eine Antwort gefunden habe, sondern nur durch Javascript verwenden, die nicht wirklich das, was ich gesucht habe, aber hier ist es:

var form = document.getElementById("refresh"); 

form.addEventListener("focus", function(event) { 
event.target.style.background = "pink"; 
}, true); 

form.addEventListener("focusout", function(event) { 
$('#refresh').trigger('submit.rails'); 
}, true); 

Auch wenn es funktioniert, Es scheint, dass das gesamte Formular wird jedes Mal neu geladen, wenn es den Fokus auf eine Eingabe verloren hat.