load partial with jquery and rails

Question

Im curious about what the best way to load a rails partial with jquery. So far I have tried a solution not working:

$(\'#imagecontent\').load(\'/newsletters/         


        

Answer 1

Another alternative:

$('#imagecontent').html('<%= escape_javascript render 'newsletters/image_gallery' %>');

Answer 2

The reason that code doesn't work is that rails doesn't expose view files outside. To achieve the thing you want, you'll need an action which would render this partial:

def image_gallery
  render :partial => "image_gallery"
end

Also there is a plugin called jRails which replaces standard ajax helpers (which use prototype) with equivalent jquery-oriented ones. In your case you would use something like

<%= remote_function(:update => "imagecontent", :url => "/newsletters/image_gallery") %>

And even more, in Rails 3 you won't need it. See this link.

Answer 3

Here's what you want:

http://www.slideshare.net/JamesEdwardGrayII/ajax-with-jquery-in-rails

Answer 4

You should not be able to access Template files (.erb) from HTTP requests, this is very bad practice. I suggest you put them outside your web servers path and access them only through your application.

I'm not sure about Rails, but I suppose you need to create a separate controller (or whatever) to do this.

EDIT this is because .erb files are Embedded Ruby files, and if you try to request them you will get all unwanted data, like <%= page_title %>, that you don't want to show the users. Therefore you need to pass these .erb files through your Rails application so that they are properly interpreted into HTML.

Answer 5

With rails 3 you could do...

controller

@content = '/some/partial'

view - either haml.erb(html.erb) or js.erb

$('#myDiv').html("<%= escape_javascript render @content %>");

You could try this if rails 2 (only prototype available unless noConflict added)...

In the controller

@content = render :partial=>"/users/cool_partial"

Call your js

myFunction(#{@content.to_json})

Your function...

myFunction = function(content){

    $("myDiv").html(content);

}

I do agree with neutrino that this could be better handled via an action.

def get_partial
  render 'some/partial'
end

Hope this helps