A Newbie Tutorial to AJAX

Faun · Dec 17, 2007

Here is a simple tutorial for AJAX aspirants who just want to know how ajax works wihout digging into server side programming.

Needed Tools:

Text Editor (preferably Notepad++)

IE 6+, Firefox 0.8+.

Needed Files:

A html file (named as ajax.html)

A text file (named as sample.txt)

Make the html file named anything.

I hav named it "ajax.html"

<html>
<head>

<title>

A Simple Ajax Example

</title>

<script type="text/javascript">



</script>

</head>
<body>

<input type="button" value="make ajax request" onClick="doAjax('sample.txt');return true;">

<div id="displayDiv"></div>

</body>

</html>

Now make another file "sample.txt" from where the data will be fetched to html page.
Let the content be anything u want.

Here are mine "sample.txt" contents:

u got the ajax request completed
with the data from this file named
sample.txt

Working:

open "ajax.html" in browser

when u click on "make a ajax request" button the content of file "sample.txt" will be fetched without a reload of webpage.

thats it.

Explaination:
Will provide an in-detail explaination soon :smile:

as am havin exams now

krates · Dec 17, 2007

well good one for newbie and ajax by it's name and work looks dificult but it is to o easy

A Newbie Tutorial to AJAX

Faun

Wahahaha~!

krates

Be CoOl rAp RuLeZ !!!