Das Rendern von JS.ERB führt zu einem Rohcode

Question

Wenn eine AJAX-Anforderung ausgeführt wird, gibt show.js.erb die partielle _article.haml.

Was ich will, in show.js.erb zu tun in der Lage sein zu schreiben ist:

<%= j render 'article' %> 

Da es eine .js Erweiterung ich verpflichtet bin, hat dies in JavaScript umwickeln (das obige Beispiel nicht die teilweise nicht machen), so:

'<%= j render 'article' %>' OR ('<%= j render 'article' %>'); 

Dies würde die teilweise aber mit Rohcode machen - einschließlich HTML und JS entkommen.

('things will go back to \"normal.\"<\/p>\n\n'); 

Was ist der richtige Weg, dies zu tun?

welcome#index:

.ajax_load.article-content{ data: { 'remote-url' => article_path(@article) } } 

articles.js:

$(document).ready(function() { 
    $('.ajax_load').each(function(index, element) { 
    var url = $(element).data('remote-url') 
    if (url) { 
     $.get(url, function(responseText) { 
     $(element).html(responseText); 
     }) 
    } else { 
     console.log("missing url for ajax!") 
    } 
    }) 
}) 

Answer 1

Diese Antwort auf @MrYoshiji gehört.

Ajax:

$(document).ready(function() { 
     $('.ajax_load').each(function(index, element) { 
     var url = $(element).data('remote-url') 
     if (url) { 
      $.get(url, function(responseText) { 
      $(element).html(responseText); 
      }, 'html') 
     } else { 
      console.log("missing url for ajax!") 
     } 
     }) 
    }) 

articles_conroller macht _article teilweise direkt:

def show 
    #respond to JS 
    respond_to do |format| 
     format.js { render :partial => "article" } 
    end 
end 

welcome#index:

.ajax_load.article-content{ data: { 'remote-url' => article_path(@article) } } 

Answer 2

Sie müssen entscheiden, wo Sie die teilweise machen möchten. In den meisten Fällen würden Sie den Container auf der Seite mit jQuery greifen und die teilweise einfügen da wie:

$('#article-container').html('<%= j render 'article' %>');