Question

Is there a simple tutorial for this somewhere?

Ideally I’d like to have a textbox and a button, and when the user clicks the button, the textbox is sent to the server, which returns a value based on it.

The client then populates another textbox with the return value, but all without refreshing the page.

If it’s possible, showing/hiding a loading gif would be awesome too.

I’m not finding any simple tutorials for how to do this, can anyone point me in the right direction?

Answer 1

Try googling for jQuery+AJAX.

There are lots of examples out there:

• http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/
• http://visionmasterdesigns.com/tutorial-ajax-interface-menu-using-jqueryphp/
• http://www.ibm.com/developerworks/library/x-ajaxjquery.html
• http://viralpatel.net/blogs/2009/04/jquery-ajax-tutorial-example-ajax-jquery-development.html