function ajaxObject()
{
	var xmlHttp=null;
	try 
	{
		xmlHttp=new XmlHttpRequest();
	}	
		catch(e)
		{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			catch (e)
			{
				try
				{
					xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
					catch(e)
					{
						alert('הדפדפן לא תומך בAJAX');
						return false;
					}
				}	
			}
		}
	return xmlHttp;	
}

בטח מה שמבהיל אותכם עכשיו זה מבנה הtry והcatch אבל ברגע שתבינו אותו אני מאמין שתוכלו להפוך אותו בקלות לאיזה מבנה שתרצו (if,switch...)

אוקי מבנה הtry catch כשמו כן הוא בתוך בלוק הtry אנחנו מכניסים קוד מסויים ברגע שהקוד הזה מתקיים הבלוק מסתיים ואנחנו מגיעים לסוף הפונקציה בה אנחנו מחזירים את האובייקט,ברגע שהוא לא מתקיים אנחנו תופסים את הExeption ומנסים אובייקט אחרי אם הדפדפן לא תומך בשום אובייקט אנחנו מחזירים false ומקפיצים הודעה שהדפדפן אינו תומך בAJAX.

האובייקט XmlHttpRequest() נוצר בשביל רוב הדפדפנים שתומכים בו(FF,Opera...)
הActiveXObject נוצר בשביל משתמשי IE.

עד פה קלי קלות

עכשיו אנחנו צריכים לבנות פונקציה שתעשה 2 דברים

1.תבדוק מתי הבקשה מהשרת הושלמה.
2.תבצע את הבקשה עצמה.

function sendRequest(page)
{
	var xhr=ajaxObject;
	xhr.onreadystatechange=function()
	{
		if (xhr.readyState == 4)
		{
			document.getElementById('someDivId').innerHTML=xhr.responseText
		}		
	}
	xhr.open('GET',page,true);
}

onreadystatechange=אירוע של האובייקט שלנו כמו שיש
onclick
onmouseover
onmouseup
....
אז יש onreadystatechange שזה אומר ברגע שמצב הבקשה משתנה.
פה הוא משתמש לנו בתור eventHandler מטפל באירוע מסויים באמצעות פונקציה.

readyState=מחזיק את מצב הבקשה שלנו במספר מ-0 עד 4.
1=הבקשה לא זוהתה(במצב של שגיאה)
2=הבקשה בטעינה
3=הבקשה נטענה
4=לא הושלמה במלואה(אבל אפשר להציג את הנתונים כבר)
5=הבקשה הושלמה במלואה.

אם הבקשה הושלמה אנחנו מכניסים את המידע שקיבלנו כמו שראיתם לתוך div.

open-מטודה של האובייקט שלנו שוב,המטודה הזאת אחראית על הפרטים החיוניים לשליחה של הבקשה.

xhr.open(method,url,async)

send=שולח את הבקשה בשביל IE7 צריך להכניס ערך null אל תוך send.

תראו המדריך הזה בטוח לא מלא ולא מקצועי אבל דבר אחד הוא כן הוא יכול לעזור לאלה שמסתבכים עם השפה הגבוהה של אתרים אחרים.
ברגע שהבנתם אותו יהיה לכם קלי קלות להתקדם בנושא ולהגיע למצבים מתקדמים יותר שזה אומר עבודה עם JSON,XML.....

כול הזכויות שמורות לפורום בנית אתרים ברוטר.