レンダリングJS.ERBの結果が生コード

Question

AJAXリクエストが実行されると、show.js.erbは部分_article.hamlをレンダリングします。私はshow.js.erbで行うことができるようにしたいどのような

は書くことです：

<%= j render 'article' %> 

それは私が（上記の例では、部分的にレンダリングされません）JavaScriptでこれをラップするために必要なのです.js拡張子を持っているので、そう： - HTMLとエスケープJS含む

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

これは、部分的なものの 生のコードとをレンダリングします。

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

これを行うには適切な方法はありますか？

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

：ほとんどの場合、あなたはjQueryを使ってページ上のコンテナをつかむだろうし、そこのような部分を挿入します。

アヤックス：

$(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は、直接部分_articleをレンダリング：

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

あなたは部分的にレンダリングする場所を決定する必要があります。この答えは@MrYoshijiに属し

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