Getting Started
Do you want to take the leap into the world of Ajax (Asynchronous JavaScript and XML) but don't know where to begin. Well I was in your situation. I came across prototype.js a nifty little JavaScript file that makes Ajax calls so easy you can do it within a few minutes. The first step you need to do is download the prototype.js file from http://www.prototypejs.org/. Put this JavaScript file in the directory of the website you wish to add Ajax to. The next step is implementing the Ajax.
Including Ajax and Creating Request Function
In your head include the prototype.js file like so...
Next we need to create a request function for when a Ajax Request is made...
Code : function ajaxRequest(url,data) {
var aj = new Ajax.Request(
url, {
method:'get',
parameters: data,
onComplete: getResponse
}
);
}
function getResponse(oReq) {
$('Results').innerHTML = oReq.responseText;
}
The code above is a basic function so that when we make an Ajax request we can get data to display on the page without having the page refresh or redirect. When an Ajax request is made, a request is made to the server in the background and sends back data. In the function
getResponse you will notice where it says
Results, this is the id of the div in which we want the new data to be displayed.
