Comment faire des appels Ajax avec Rails 3 en utilisant remote_function?

Je suis en train de faire un onchange appel à une boîte de sélection.Pour mon application, je suis en utilisant jquery.js et rails.js comme mentionné à faire usage de l'UJS. Mais toujours le code qui est généré est pour Prototype et pas de jquery, les appels ajax. Mon code ressemble à ce qui suit:

<%= select_tag :category, 
       options_for_select(
           Category.find(:all,:select=>"name,id").collect{|c| [c.name,c.id]}),
       :onchange => remote_function(:url => {:controller => "posts", 
                                             :action => "filter_post",
                                             :filter =>"category"}, 
                                    :with=>"'category_id=' + $('#category').val()") %>

Le code qui est généré par là, c'est:

new Ajax.Request('/posts/filter_posts?filter=category', {asynchronous:true, evalScripts:true,
parameters:'category_id=' + $('#category').val() + '&authenticity_token=' +
encodeURIComponent('CCyYj1wqXtddK6pUV6bAxw0CqZ4lbBxDGQHp13Y/jMY=')})

source d'informationauteur Hitesh Manchanda | 2010-07-26

  1. 25

    Que Sergei a dit: Il n'y a pas de remote_function dans rails 3.

    La solution est d'discrètement ajouter le onchange gestionnaire en utilisant quelque chose comme:

    $(function($) {
    $("#selector_for_element").change(function() {
        $.ajax({url: '<%= url_for :action => 'action_name', :id => @model.id %>',
        data: 'selected=' + this.value,
        dataType: 'script'})
    });
});

    Ce qui fera appel à la action_name méthode dans le contrôleur actuel, le résultat le passage de selected=... en tant que paramètre. Maintenant, vous pouvez retourner un morceau de code javascript, en utilisant par exemple quelque chose comme:

    calculated = calculate_some_value_using(params[:selected])
render(:update) {|page|
  page << "$('#selector_for_field_to_update).html(#{calculated})"
}

    dans le contrôleur. La chaîne à ajouter à la "page" doit être du javascript valide et sera exécuté automatiquement si vous utilisez $.ajax.

    EDIT: pour info, nous avons récemment ajouté un sélectionnez modifier l'aide de jquery-ujs, de sorte que vous pouvez faire cela de manière discrète en utilisant le haut-jquery-ujs adaptateur maintenant:

    <%= select_tag :category_id, 
   options_for_select(
       Category.find(:all,:select=>"name,id").collect{|c| [c.name,c.id]}),
   :data => { :remote => true, :url => url_for(:controller => "posts", 
                                         :action => "filter_post",
                                         :filter =>"category") } %>

    Mais pour être juste, sélectionnez l'ajout d'un événement de changement n'est vraiment pas toujours va être "discrète", car il n'est pas gracieux de secours pour les utilisateurs avec javascript désactivé, sauf si votre formulaire ne dépend pas du résultat de la requête AJAX.

  2. 10

    Il n'y a pas de remote_function dans rails 3. Si vous utilisez jQuery, vous pouvez faire quelque chose comme ceci:

    $.ajax({
    type: 'POST',
    url: 'http://your_url/blah',
    data: 'param1=value1&params2=value2',
    success: function(data){eval(data);}
});
  3. 3

    Suivant est le jQuery simple extrait de mon haml vue

    :javascript

    $("#select_box_id").change(function() {
      $.post('#{target_url}?param_one='+$(this).val());
    });

    Espère que cette aide.
    Merci..

  4. 1

    Si vous devez faire face au problème que j'ai eu de mise à niveau d'une grande application rails de rails 3, qui a fait un usage intensif de remote_function, vous pouvez obtenir limitée rétro-compatibilité par l'ajout d'un application_helper méthode qui génère jQuery code dans le format proposé par d'autres réponses ici. J'ai été en mesure d'utiliser ce code est tout de même eu à mettre à jour un morceau de code d'appel pour utiliser la nouvelle :la réussite des options de script à la place de l' :mise à jour de hachage option qui n'est pas pris en charge ici. Cela peut vous acheter un certain temps pour finalement refactoriser tous remote_function appels d'utiliser discrète jquery-ujs les rappels d'événement:

    def remote_function(options)
    ("$.ajax({url: '#{ url_for(options[:url]) }', type: '#{ options[:method] || 'GET' }', " +
    "data: #{ options[:with] ? options[:with] + '&amp;' : '' } + " +
    "'authenticity_token=' + encodeURIComponent('#{ form_authenticity_token }')" +
    (options[:data_type] ? ", dataType: '" + options[:data_type] + "'" : "") +
    (options[:success] ? ", success: function(response) {" + options[:success] + "}" : "") +
    (options[:before] ? ", beforeSend: function(data) {" + options[:before] + "}" : "") + "});").html_safe
end
  5. 0

    Appel Ajax pour les contrôleurs de l'action avec les paramètres:

    function combined_search() {
    var countries = $('#countries').val();
    var albums = $('#albums').val();
    var artists = $('#artists').val();
    $.ajax({
        url:"<%=url_for :controller => 'music_on_demand',:action => 'combined_search' %>",
        data:'country=' + encodeURIComponent(countries) + '&albums=' + encodeURIComponent(albums) + '&artists=' + encodeURIComponent(artists),
        cache:false,
        success:function (data) {
        }
    })
}