how to reload js.rjs file using ajax

Question

I am building ruby on rails application. I have html partial that contains attribute of an object - @shout.content (text attribute).

In the controller Shout is - @shout = Shout.last

The idea is that @shout changes every time a new shout is created (it changes to be the new shout). I want that every 3 seconds the partial (that contains @shout.content) will "refresh" using ajax.

I thought to put JavaScript function that will be repeated every 3 second:

setInterval( "updateShout()", 3000 ); 

And the updateShout() will run an js.rjs file that will do this:

page.replace_html('content', render(:partial => 'content', :locals => {:content => @shout.content}))

The missing part is the updateShout() function. I don't know how to execute js.rjs file using javascript.

Do you know how can I execute the js.rjs using javascript?

Thanks,

Oded

Answer 1

You are just calling partials,you need to be fire an AJAX query to fetch record,and set ui as per requirement.If you are using jquery then fire AJAX request create js.erb file and called your partial that will generate required HTML,On successful request just update your DOM elements.

$.ajax({
       type: "GET",
       url: "<%= url %>"
     success: function(html){
          $("#content").html(html);
      }
   });