Render a partial in rails using jquery

Question

I am trying to setup a navigation bar on my home page that loads a partial into a div element when the user clicks on the links. I have followed the steps in this post and modified them as I thought I needed: Rails 3 - link_to to call partial using jquery ajax

My code:

views/pages/home.html.erb:

<%= link_to "Files", :action => 'load_upload_partial', :remote => true %>

. . .

<div id="main_frame"></div>

pages_controller:

def load_upload_partial  
    respond_to do | format |  
      format.js {render :layout => false}  
    end
end

/views/uploads/load_upload_partial.js.erb:

$("#main_frame").html( "<%= escape_javascript( render( :partial => "/upload/upload_form" ) %>" );

The partial in this example is just a form. When I click on the link I get a blank page with this is the address bar: http://localhost:3000/load_upload_partial?remote=true

This makes me think that link is not triggering an ajax GET request (if that's the correct terminology). If that is the case is there anything I need to be adding to my application.js file? I followed the railscast #136 on rails and jquery but couldn't figure out which bits of the application.js code applied to my case. Any thoughts are much appreciated. Thanks. Tom

What version of Rails are you using? I can't say why, but the problem is Rails is including :remote => true in the url_options argument to link_to. — user229044
– user229044 ♦, Commented Aug 1, 2011 at 16:21
3.0.7. Can't work out the link_to options for this version so any help appreciated thanks. — Tom Cartwright
– Tom Cartwright, Commented Aug 2, 2011 at 18:12

apneadiving · Accepted Answer · 2011-08-01 16:44:22Z

4

I now tend to avoid using RJS like you're intending to. I prefer creating js templates with tools like handlebars.

I only use ajax to get raw data and then recreate the partial client side. It's much better for server load and data transfer.

answered Aug 1, 2011 at 16:44

apneadiving

116k26 gold badges225 silver badges215 bronze badges

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

Comments

lucapette · Accepted Answer · 2011-08-02 18:56:59Z

0

I think you have to change your link_to to:

<%= link_to "Files", {:action => 'load_upload_partial' }, remote => true %>

The problem is related to the method signature of link_to.

edited Aug 2, 2011 at 18:56

answered Aug 1, 2011 at 16:23

lucapette

20.7k6 gold badges67 silver badges59 bronze badges

3 Comments

Tom Cartwright Over a year ago

Thanks for the reply. I changed the link_to line to include { :remote => true } but it caused an exception on loading the page: /app/views/pages/home.html.erb:8: syntax error, unexpected ')', expecting tASSOC ...partial', { :remote => true } );@output_buffer.safe_concat(' I am using Rails 3.0.7 if that changes anything?

lucapette Over a year ago

Sorry, I replied very quickly. I edited my reply and tried it. It should work now :)

Tom Cartwright Over a year ago

Thanks for the reply. It is still not working - the link is 'dead' but I am sending text/javascript now, which is progress. I am receiving a 500 internal server error so I guess that my js.erb file must be incorrect. Will have a proper root around on that one. Thanks for help.

Pat McGee · Accepted Answer · 2013-11-11 17:05:32Z

0

ran into this same problem - the hint was in the malformed html produced - take a look at the value of the href attribute of the tag produced by your code. I bet it looks funky. Here's the correct code:

    <%= link_to "Files", your_path, action: 'load_upload_partial', remote: true %>

edited Nov 11, 2013 at 17:05

answered Nov 11, 2013 at 16:37

Pat McGee

3793 silver badges9 bronze badges

Comments

Nick Res · Accepted Answer · 2013-02-19 19:44:37Z

-1

have you tried using .load() instead of .html()?

Also, try using this line instead:

$("#main_frame").html( "<%= escape_javascript( render( :partial => '/upload/upload_form' ) %>" );

answered Feb 19, 2013 at 19:44

Nick Res

2,2845 gold badges31 silver badges50 bronze badges

1 Comment

Nick Res Over a year ago

downvotes should require an explanation... Otherwise I'm left with not know what is wrong with my suggestion.

Collectives™ on Stack Overflow

Render a partial in rails using jquery

4 Answers 4

Comments

3 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related