Ruby on Rails: How to Render Partial in a view via Jquery

Question

I have a 'project' form as a partial. I'm trying to use jquery to render the partial when user clicks a button:

$('.projects').append("<%= render partial: 'projects/project') %>").html_safe

But using the above code is literally rendering "<%= render partial: 'projects/project') %>" on the page instead of the actual partial.

I think your javascript file doesn't have the `erb` extension in it, if it is then rename from `file.js` to `file.js.erb` — Mohammad AbuShady, May 04 '15 at 03:54
what's the name of this file anyways? cause it looks like js but you added `.html_safe` which is ruby, and you said form partial, so idk. — Mohammad AbuShady, May 04 '15 at 03:59

score 6 · Accepted Answer · answered May 04 '15 at 04:34

6

I believe renaming your file extension from xxx.js to xxx.js.erb might solve your problem.

answered May 04 '15 at 04:34

Bernie Chiu

I think Bernie is correct. If the file ends in erb, then rails will render the view. If not, then it just treats it as any other static file. – Tim Holt May 04 '15 at 06:23

Gagan Gami · Answer 2 · 2015-05-04T06:34:49.650

3

Try this:

$('#projects').html('<%= escape_javascript render 'projects/project' %>');

Note: As Bernie Chiu suggested you need to change file extension from xxx.js to xxx.js.erb

edited May 04 '15 at 06:34

answered May 04 '15 at 04:52

Gagan Gami

score 2 · Answer 3 · answered May 04 '15 at 03:25

2

Try:

$('.projects').append("<%= j render partial: 'projects/project') %>");

j is the alias for escape_javascript.

See documentation for escape_javascript helper.

answered May 04 '15 at 03:25

Prakash Murthy

3 Answers3