ansaurus

Question

Answer 1

+2 A:

If you want to use Ajax must, choose a javascript library Dojo, Prototype, Mootools, JQuey ... Each of them has specific tools for handling ajax requests.

In javascript you make an xhr(Ajax request), which may be asynchronous and still Sinatra serves you the wanted content, you can display in webpage what you want.

var xhrLoadClientMenu = function(param){
var result_node = dojo.byId('div_menu')
var xhrArgs = {
  // the Sinatra get "/run" ... end handler
  url: '/run',
  load: function(data){
    // When response is rendered come's here 
    result_node.innerHTML = data;
  },
  error: function(error){
    msg = "<p>Ooops some error ...<br><br>" + error + "</p>";
   }
 }
  // Here you can put what you want to display durring loading
  result_node.innerHtml = "Loading..." 
  var defered = dojo.xhrGet(xhrArgs)
}

a xhrGet example using dojo. See inline comments.

xhrLoadClientMenu(param) is triggered by an event;
a HTML element with id #div_menu from page is stored in result_node object;
xhrArgs object sets the Ajax request properties like:
1. url: the Sinatra handler which renders the content;
2. load: function gets the response from sinatra and replaces result_node content when load is completed
3. error if something goes wrong this message will be shown in result_node;
meanwhile you may set the result_node content to anything while the real content is loading;
last line executes the xhr request.

All of this is happening without a page reload.

kfl62 2010-10-15 18:15:22

@kfl62: does your Ajax request example renders(create) whole page? if yes it seems to me that I need to create one more page to call the Ajax.

Radek 2010-10-18 00:54:49

the Ajax request does not render, Sinatra does. Ajax only gets the rendered info from Sinatra and replaces `result_node` content with it, without reloading the whole page.

kfl62 2010-10-18 05:24:43

it's much clearer, thank you for the edit. Still need some clarification though. Is the Ajax code part of the 'sinatra run get'? if yes, I guess I need new sinatra 'get' to process the ajax request... or? :-)

Radek 2010-10-18 06:03:58

I think you need to read [this](http://www.w3schools.com/ajax/default.asp)

kfl62 2010-10-18 06:32:32

@kfl62: thank you.It works :-) I used just the examples from w3schools.com

Radek 2010-10-19 05:36:24

nice hearing that :)

kfl62 2010-10-19 06:32:52

@kfl62: bit struggling with http://stackoverflow.com/questions/3965834/can-i-use-parameter-to-call-loadxmldoc-from-html-ajax though

Radek 2010-10-19 23:19:01

Answer 2

+1 A:

Delayed_job results are indeed sent "back to the browser." Please take another look at this live example of using Sinatra and DJ to process a task asynchronously and push the result to the browser once the task is complete.

The call runs asynchronously, and the rest of the page loads, and when the calls are complete the data is posted back to the page. Now, since it's on the cloud, it may seem VERY delayed; you'll want to download the source and run it on your own machine to see what kind of speed DJ offers on a local network. The results are indeed processed and sent back; scroll down the page and you'll see the results of earlier processing -- you can even enter your own text block to add to the processing queue.

So perhaps you could utilize delayed_job to create a queue for asynchronous processing of your test suites -- 'out of sync' from the rest of your page, but also with the option of passing data back 'incrementally' as well as once the task completes.

Now, Ajax offers another way to provide this same functionality. I absolutely and unequivocally recommend getting one of the Javascript frameworks and learning how to do this sort of asynchronous processing that way as well. However, based on your earlier question, I would still suggest working through the source code of the example above using Sinatra and delayed_job, as it's already extremely close to what you are trying to do, not to mention that it keeps you entirely in Ruby.

Joe 2010-10-16 17:21:20

I tried to used the demo page on Fri and it's Mon and nothing was translated. So it seemed to me that it doesn't work. So it looks like it is indeed VERY VERY VERY delayed.

Radek 2010-10-17 22:58:20

@Joe: I want to know if user has to refresh the page or the job's result will appear after it finishes by itself

Radek 2010-10-17 22:59:18

Well, look -- you're going to want to download the source and run it on your own machine to see what the performance is really like. Again, it's just an example :) You'll also want to try to play around with Ajax -- see the other answer for a good list of frameworks -- which can definitely auto-insert the result for you without a refresh.

Joe 2010-10-17 23:11:01

so delayed_job will not `auto-insert` the results?

Radek 2010-10-17 23:15:44

ansaurus

tags:

views:

answers:

how to inject into sintra/haml?

related questions