Exemplu

Sa incepem cu inceputul

Vom crea mai intai un formular in HTML dupa cum urmeaza, si il vom numi "order.html"
<html>
<body>

<form name='myForm'>
Name: <input type='text' name='username' /> <br />
Time: <input type='text' name='time' />
</form>

</body>
</html>

Campul Name va fi completat de catre user iar de Time se va ocupa Ajax.Dupa cum se observa nu exista un buton submit in formularul anterior.

Tutorial Ajax - Aprofundare
Este bine sa mentionam ca nu toate browserele accepta acelasi cod javascript pentru a creea un obiect ajax dar il vom face compatibil cu cele mai importante browsere folosite pe la noi si anume: Internet Explorer, Opera, Firefox si deasemenea un browser care nu prea e folosit pe la noi dar suficient de utilizat si anume Safari In scriptul urmator vom folosi metoda cunoscuta sub numele de "try and catch". In traducere libera si pe intelesul tuturor acest script va incerca un fragment de cod iar daca acesta cauzeaza o eroare va continua sa incerce un nou fragment. In mod normal cand acest fapt se intampla sriptul nu mai ruleaza. Vom "incerca" sa creem un XMLHttpRequest iar de fiecare dat cand primim o eroare vom continua cu rularea scriptului.

<html>
<body>

<script language="javascript" type="text/javascript">

</script>

<form name='myForm'>
Name: <input type='text' name='username' /> <br />
Time: <input type='text' name='time' />
</form>
</body>
</html>

Scriptul este destul de incalcit...ce bine ca aveti landemana un mouse si puteti face un copy/paste :d

Dar lasand lasand la o parte gluma, in scriptul anterior am facut trei incercari sa realizam un obiect XMLHttpRequest:

ajaxRequest = new XMLHttpRequest();
Acest fragment este pentru Opera, Firefox si Safari. In cazul in care obtinem o eroare vom continua cu inca doua fragmete de script pentru Internet Explorer.

ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
In cazul in care nici acest fragment nu functioneaza inseamna ca avem de-a face cu un browser destul de vechi care nu suporta XMLHttpRequest si implicit nici ajax.