html5: Write content to a page without refreshing

I want to create a page where the top half contains start stop buttons and in the bottom half i want to write content from the server. the buttons invoke functions on the server and the server does some comput开发者_开发技巧ing and generates timely messages which need to be written to the bottom half of the page.

Possible ways of doing 1. AJAX 2. DWR 3. HTML5

Let me know which method is better and how can i do it.

AJAX

Means "Making an HTTP request without leaving the page". This will let you get content from the server. To write it you need to do DOM manipulation. There are no shortage of Ajax and DOM tutorials on the web

DWR

Is a library to help with Ajax (although not one I've heard of before).

HTML5

Is a now meaningless buzzword. Of all the meanings it has, only the ones which include "Ajax and DOM manipulation" will help, and that's already covered above.

Look up a tutorial on xmlhttprequest. I know there is a good explanation of it here Quirksmode. I am not sure where your current skill set is using HTML, server side programming, XML, and Javascript are, but you will need to have a minimum understanding of all of those in order to successfully implement AJAX.

There are lots of resources on the web, Google