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
– Mohammad AbuShady, Commented May 4, 2015 at 3: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
– Mohammad AbuShady, Commented May 4, 2015 at 3:59

Bernie Chiu · Accepted Answer · 2015-05-04 04:34:36Z

6

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

answered May 4, 2015 at 4:34

Bernie Chiu

2632 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

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.

Gagan Gami · Accepted Answer · 2015-05-04 06:34:49Z

4

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

answered May 4, 2015 at 4:52

Gagan Gami

10.3k1 gold badge32 silver badges56 bronze badges

Prakash Murthy · Accepted Answer · 2015-05-04 03:25:37Z

2

Try:

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

j is the alias for escape_javascript.

See documentation for escape_javascript helper.

answered May 4, 2015 at 3:25

Prakash Murthy

13.1k3 gold badges48 silver badges79 bronze badges