אייאקס - מה זה? JavaScript ו- XML אסינכרוני: יתרונות וחסרונות

עכשיו אתה יכול לצפות באינטרנט צובר פופולריות בשימוש וביישום של טכנולוגיות חדשות. אחד מהם - הוא AJAX. מה זה? מהן התכונות של זה? היכן להפעיל? כל השאלות הללו תימצאנה את התשובה במאמר זה.

מידע כללי

איך עומד AJAX? מה זה אומר? הפחתה זו מהווה ראשי תיבות. זה מייצג Asynchronous JavaScript and XML ( "Asynchronous JavaScript and IKSML"). לעתים קרובות אתה יכול לראות או לשמוע את המידע כי הטכנולוגיה החדשה הזו. אבל זה לא נכון. העובדה Javascript ו- XML, יש כבר די הרבה זמן, ואילו "אייאקס" היא סינתזה של טכנולוגיות אלה. לרוב זה משמש יחד עם המונח Web 2.0, והוא הבין את השימוש בטכניקות עיצוב מתקדמים.

ומה מאפיין?

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

יתרונות של "אייאקס"

טכנולוגיה זו מציעה שתי שיטות שבו דף אינטרנט יכול להתממש. הראשונה כוללת ביצוע שינויים מבלי לבצע אתחול מחדש. זה יכול להיות מושלם עם בקשות דינמיות לשרת. השני כרוך בשימוש בטכנולוגיות ספציפיות, שהנפוצים בהם הוא XMLHttpRequest. יחסית עצם יתרונות, "אייאקס" יכולים לומר את הדברים הבאים:

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

תקשורת

הנה, למשל, צריך טופס משוב, אשר ניתן להשתמש בהם כדי ליידע את לקוחותיה. איך אפשר לעשות את זה? ראשית עלינו לטפל "המוביל" של מידע. כדי לעשות זאת, אתה צריך ליצור אובייקט XMLHttpRequest. הוא פועל כמתווך בין השרת לדפדפן של המשתמש. במטרה זו תשלח בקשות ולקבל תשובות עליהם. עבור חילופי נתונים ישירים, אנחנו צריכים PHP AJAX. כלים אלה עשויים להיות מיושם באמצעות GET- או-שאילתות POST. במקרה זה, הטיעונים הנדרשים יועברו ישירות דרך כתובת האתר. במקביל זה יפעיל את הפונקציה, וגם להבטיח כי העברת הנתונים ללא הפרעה. אבל כיצד ליישם-פי בקשת AJAX? המלץ באמצעות POST. הודות לו, אתה יכול להעביר כמות בלתי מוגבלת של נתונים, אשר, יתר על כן, הוא הרבה יותר קשה לגשת.

עקרון הפעולה

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

תגובת שרת

הוא יכול לבוא לא רק עבור XML, כפי שנדמה לך בגלל השם של הטכנולוגיה. בנוסף, זה יכול להיות מועבר כטקסט או JSON רגיל. במקרה הראשון המידע יכול להיות מוצג באופן מיידי על הדף. אם באמצעות XML, אתה צריך לדאוג כי קובץ AJAX יעובד כראוי בדפדפן הלקוח. כל הנתונים במקרה זה מומר (X) HTML. בעת שימוש בפורמט JSON, אתה צריך לבצע את הקוד כדי לקבל את האובייקט מלא Javascript. יש צורך להיזהר ולקחת בחשבון את העובדה כי רבי האקרים רוצים לשדר קוד זדוני באמצעות טכנולוגיה זו. לכן, יש לספק את תהליך אימות נתונים לפני שהם מעובדים. תכונות של מימוש עבור דפדפנים שונים עשויות להיות שונות במקצת, אבל באופן כללי, את הפעולה כאן היא שיטה אחת.

אנחנו עושים בקשת לשרת וכן עיבוד תגובה

כל הרצף של פעולות הוא כדלקמן:

1. בתחילה, אתה צריך ליצור לוודא שיש XMLHttpRequest.
2. ואז מאתחל חיבור לשרת.
3. שלח את הבקשה אותה.
4. אנחנו מחכים נתונים לבוא, ולעבד אותם.

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

שפות תכנות צד-שרת

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

שרת קביעת תצורה

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

1. HTML / XHTML. הם נדרשים לשרת להכיר את פריסת העמוד.
2. CSS. כלי זה הוא הכרחי לבחירה חזותית של עיצוב דף.
3. DOM. זה נחוץ על מנת להבטיח את השינויים הדינמיים בדף כתגובת הפעולה על ידי המשתמש.
4. XML. נדרש העברת נתונים בין הלקוח לבין השרת.
5. JavaScript. אנחנו צריכים ליצור הסמן "אייאקס" ולספק אינטראקטיביות.
6. XMLHttpRequest. אובייקט שדרכו שאילתות יועברו לשרת.

שימוש באתר

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

אודות מסד נתונים

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

אנחנו עובדים על פעולת מנוע

איך הכל יקרה? אז, מגיע אירוע מסוים, אשר יגרום תפקיד מיוחד. היא תכין GET או POST-נתונים שיישלח. לאחר מכן הוא מכנה הפונקציה, אשר תגרום ערעור לבית URL של סקריפט בשרת. יש צורך לדמיין יצירת אובייקט XMLHttpRequest. הפניה אליו יש לאחסן משתנה. לאחר הנתונים כבר נשלחו לשרת, אתה חייב לחכות לתשובה ממנו. כדי לעשות זאת, אתה יכול להפעיל את "האזנות סתר" כדי להשיג מידע (אם ידוע, תבוא ומתי) או לספק פונקציה כי תמיד תהיה מוכן לקבל נתונים. ההתגלמות הראשונה היא פחות אמינה במקרה של מצב יוצא דופן. ההגשמה השנייה - יותר יקרה מבחינת משאבים. אמנם, אם זה נעשה רק לגבי משתנה אחד, זה לא משפיע על האינטרנט המהיר. אבל אם יש מאה ואלף, ויהיה להם ברזולוציה גבוהה, - אז זה יהיה עניין אחר. לכן, יש לחפש את איזון בין השימוש במשאבים זמינים אפקטיבי. אחרי הכל, זה צריך להיות מובן כי לא לכולם יש את הזיכרון ל 16 GB. זה עשוי להגדיר זמן המתנה מסוים שלאחריו להחליף את הנתונים או מידע קודם שהשרת אינו זמין בשלב זה.

תכונות

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

מסקנה

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