מה זה AJAX?

AJAX הוא שילוב של טכנולוגיות אינטרנט דינאמיים המאפשרים שרת לקוח אינטראקציות להתרחש יישומי אינטרנט מבלי לטעון מחדש או לרענן את דפי AJAX Asynchronous JavaScript עומד על AJAX ו-XML היא לא טכנולוגיה -.. ג הוא שילוב של טכנולוגיות באופן AJAX עושה שימוש בטכנולוגיות הבאות.:

• XHTML (או HTML) ו-CSS כדי ליצור ממשקים ופריסת מידע חזותי. אלמנטים XHTML ו-CSS ניתן לשנות באופן דינמי כדי להציג מידע חדש או לשנות את הסגנון. שינויים אלה נעשים בדרך כלל באמצעות DOM.
• JavaScript משמש כדי לתפעל רכיבי ממשק ומשמש גם ליצור תקשורת עם שרת אינטרנט באמצעות XMLHttpRequest. זה מאפשר הנתונים (בדרך כלל בפורמט XML) על מנת להחליף בין הלקוח לבין שרת האינטרנט בלי לטעון מחדש את הדף או רענון.

כדי להשתמש ב-AJAX, יישומי אינטרנט עשויים לדרוש רמות גבוהות של אינטראקטיביות ועיבוד אבל ימנע את האינטראקציה לקוח רגיל השרת:

1. הממשק של דף האינטרנט מופיע.
2. המידע נאסף המשתמש (באמצעות טפסים, קישורים, וכו '.).
3. המשתמש שולח את המידע (טופס אימות, המאפשר קישורים וכו '.).
4. השרת מעבד את המידע שנשלח.
5. הממשק החדש של דף האינטרנט נשלח למשתמש.

עם AJAX, כל הפעולות הללו ניתן לעבד בממשק אחד. דוגמאות של יישום AJAX, יישומי מיפוי , בזמן אמת חיפושים, צ'אטים , טופס אימות בזמן אמת עיבוד , מסחר אלקטרוני ויישומים בזמן אמת, יישומי דואר אלקטרוני וכו '. סוגי יישומי אינטרנט אינטראקציות מורשים על ידי שימוש ב-AJAX הוביל את המונח "Web 2.0" - שבהחלט מצביע על המהפכה הגדולה של איך האינטרנט יכול לשמש. אם אף אחת מהטכנולוגיות המרכיבות AJAX הם חדשים, הפופולריות הגוברת של AJAX דורש מפתחי להיות מודעים לתוצאות של נגישות האינטרנט של טכנולוגיות אלה.

מדוע להשתמש ב-AJAX?

כאמור, AJAX מאפשר לך ליצור העשירים, תכונה דינמיים יישומי אינטרנט בצד השרת באמצעות עיבוד ללא צורך במתודולוגיה המסורתית "להגיש נתונים -. לאחזר את דף האינטרנט" באמצעות XMLHttpRequest, נתונים מועבר בתהליך רקע על יישום האינטרנט שלך, JavaScript משמש כדי לתפעל את ממשק היישום ולהציג מידע דינמי. זה עוזר להמשיך לייעל יישומים הדורשים עיבוד פחות העברת נתונים, כי דפי אינטרנט לא צריך להיות שנוצר בכל שינוי שמתרחש. במקום זאת, יישום בצד הלקוח האינטרנט משקף את כל השינויים המתרחשים. JavaScript יכול לשמש גם כדי לאפשר רמות גבוהות יותר של אינטראקטיביות מאשר HTML (למשל, קיצורי מקשים, גרירה, וכו '. ב -Google Maps ).

למה לא להשתמש ב-AJAX?

AJAX לא עובד בכל הדפדפנים. כפי שהשם מרמז, AJAX דורש JavaScript. משמעות הדבר היא כי יישומי AJAX לא עובדים בדפדפנים אינטרנט ומכשירים שאינם תומכים ב-JavaScript. מסיבה זו, אין זה נגיש למשתמשים רבים אינטרנט טיפוסי. הנחיות נגישות ( תוכן אינטרנט הנחיות הנגישות ) דורש יישומי אינטרנט יעבדו גם כאשר JavaScript מושבת או כאשר הוא אינו נתמך. AJAX גם דורש XMLHttpRequest להיות נתמך, מה הם לא דפדפנים רבים .

הפתרון הנוכחי לבעיות אלו היא לספק יישום החלופה הלא AJAX או לאפשר יישום להמשיך ולהפעיל AJAX אם JavaScript ו-XMLHttpRequest אינן נתמכות. דרישה זו יכולה להיות קשה מאוד להשיג. למרות מפתחים יכולים לבחור לדרוש ממשתמשים להשתמש בדפדפן המתרגמת AJAX, הם חייבים להבין כי דרישות כאלה לא יכול להיות אפשרי עבור כל המשתמשים - במיוחד אלה באמצעות מכשירים ניידים או דפדפנים ישנים.

מטבעו, נוטה AJAX לעדכן ולתפעל רכיבי ממשק "במהירות הבזק". AJAX גם להציג מידע לשרת, ללא צורך בפעולה שימוש או לעשות זאת בדרכים שאינן ברור למשתמש. לדוגמה, רוב המשתמשים מצפים הטפסים שיוצגו, תוקף ומעובד כאשר כפתור submit נבחר, אבל זה שולח AJAX וטיפול זה יכול להתרחש בכל עת (למשל כל 5 שניות כאשר שדה טופס לוקח את הפוקוס, וכו '.). זה לא יכול להיות מובן מאליו למשתמשים כי המידע עומד להיות מטופלים והוקלט - וזה הבלבול יכול להיות מחוזק על ידי העובדה AJAX יכול לבצע פעולות אלה מהר מאוד. רוב המשתמשים מצפים כי יתקיים השהיה לפני חזרה או מידע נוסף מוצגים ובדרך כלל מצפים כי כל העמוד רענון - AJAX, אלה רמזים חזותיים אולי לא נראית לעין.

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

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