רוטר - משהו שאני לא מבין בין ההגדרה של Ajax ל Jquery,

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"משהו שאני לא מבין בין ההגדרה של Ajax ל Jquery,"

גירסת הדפסה

קבוצות דיון בניית אתרים נושא #10097	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 10097

dvir8
חבר מתאריך 13.5.02
5929 הודעות

11:46 24.03.11

משהו שאני לא מבין בין ההגדרה של Ajax ל Jquery,

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

דבר נוסף האם בעזרת Ajax בונים צ'אט? או שזה לא קשור?

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
Jquery היא FW שעוטפת את JS...	CaTz	24.03.11 13:36	1
אוקי אז חידוד קטן,	dvir8	24.03.11 17:15	2
חחח אם זה כמו מודל שבע השכבות אז כן חחחח	afroman50	24.03.11 17:27	3
זה לא נכון....	CaTz	25.03.11 11:28	4
כל הקטע ב AJAX זה בעצם למשוך נתונים מקובץ XML?	dvir8	25.03.11 13:01	5
לא בדיוק...	CaTz	25.03.11 15:13	6
:\| לא כל כך הבנתי, בכל מקרה אני אתעסק בזה קצת יותר,	dvir8	25.03.11 18:28	7
jquery זו בסה''כ ספריית מעטפת של אג'אקס... בדיוק כמו STL ל-C++	ldan192	26.03.11 00:54	8
פשש עידן אני רואה שגם בבניית אתרים אתה לא פראייר :]	dvir8	26.03.11 13:18	9
AJAX זה קיצור לAsynchronous JavaScript And XML	ליל קיץ	26.03.11 16:29	10
עכשיו הכל מובן, תודה רבה ואם אפשר שאלה נוספת,	dvir8	26.03.11 19:13	11
בבקשה....	CaTz	26.03.11 22:32	12
בצורה נורא מוזרה, אנשים נוטים לייחס לJQUERY	akoka2	27.03.11 00:44	13
תודה רבה יוחאי תגובה אש	dvir8	27.03.11 08:28	14
אני צריך שרת IIS כדי לעבוד עם AJAX?	dvir8	27.03.11 10:31	15
אללה איסטר איך סיבכתם אותו	Sylver	28.03.11 10:59	16
מובן, הסבר מצוין. תודה חבר.	dvir8	29.03.11 12:21	17
חח חלאס שטויות,	akoka2	02.04.11 01:28	18

CaTz
חבר מתאריך 2.10.04
14537 הודעות

13:36 24.03.11

1. Jquery היא FW שעוטפת את JS...
בתגובה להודעה מספר 0

ומבצעת את ההתאמות והשוני בין הדפדפנים, בעצם JQUERY משתמש בAJAX...(ברכיב)
ומאפשר גישה מאוד קלה לכל הדברים.
ז"א שבעזרת JQUERY כן אפשר לבצע כל מה שאתה רוצה...
:}

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

17:15 24.03.11

2. אוקי אז חידוד קטן,
בתגובה להודעה מספר 1

בעצם יש את אמא Javascript
לילדה שלה קוראים Jquery
ולנכד Ajax
?

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

afroman50
חבר מתאריך 16.8.04
12555 הודעות, 1 פידבק

17:27 24.03.11

3. חחח אם זה כמו מודל שבע השכבות אז כן חחחח
בתגובה להודעה מספר 2

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

CaTz
חבר מתאריך 2.10.04
14537 הודעות

11:28 25.03.11

4. זה לא נכון....
בתגובה להודעה מספר 2

AJAX זה שם כללי שהביאו לרכיב הXMLHttpRequest של הJS....
JQUERY זה מעטפת עבודה (FrameWork) אשר משתמשת וממשת כל מיני לוגיקות על גבי הJS...
בין היתר היא מממשת פונקצית AJAX (שהיא משתמשת ברכיב XMLHttpRequest של JS) ביתר קלות וללא תלות בדפדפן...

זה הכל. זה מעין ממשק פשוט למשהו יותר מסובך...

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

13:01 25.03.11

5. כל הקטע ב AJAX זה בעצם למשוך נתונים מקובץ XML?
בתגובה להודעה מספר 4

באמצעות JQUERY שהיא framework בתוך Javascript?

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

CaTz
חבר מתאריך 2.10.04
14537 הודעות

15:13 25.03.11

6. לא בדיוק...
בתגובה להודעה מספר 5

עם AJAX (גם אם הוא ממומש ע"י JQUERY) אתה יכול לטעון cleartext...או XML....

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

18:28 25.03.11

7. :| לא כל כך הבנתי, בכל מקרה אני אתעסק בזה קצת יותר,
בתגובה להודעה מספר 6

ואז השאלות יהיו יותר לעניין
תודה בכל אופן

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

ldan192
חבר מתאריך 14.9.08
95119 הודעות

00:54 26.03.11

8. jquery זו בסה''כ ספריית מעטפת של אג'אקס... בדיוק כמו STL ל-C++
בתגובה להודעה מספר 7

בברכה,
עידן

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

13:18 26.03.11

9. פשש עידן אני רואה שגם בבניית אתרים אתה לא פראייר :]
בתגובה להודעה מספר 8

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

ליל קיץ

חבר מתאריך 14.2.10
10048 הודעות, 7 פידבק

16:29 26.03.11

10. AJAX זה קיצור לAsynchronous JavaScript And XML
בתגובה להודעה מספר 9

עושים שימוש ב JAVASCRIPT ע"מ להעביר מידע בזמן אמת לצד שרת וקבלה חזרה של מידע ללא רענון של הדף או REDIRECT לדף אחר על גבי XMLHTTPREQUEST.
אגב אין חובה להשתמש ב XML , אפשר JSON, HTML, CSV, או מה שבא לך.

אז מה ההבדל ?
AJAX זאת "השיטה" להעברת הנתונים האלה , JQUERY היא ספרייה של JS שמכילה בתוכה כלים להתממשקות תצורת AJAX בצורה נוחה.
לא חובה בכלל להשתמש ב JQEURY כדי לעשות שימוש באג'אקס, אפשר עם כל ספרייה אחרת או בלי ספרייה בכלל עם שליטה ב DOM של XMLHTTTPREQUEST.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

19:13 26.03.11

11. עכשיו הכל מובן, תודה רבה ואם אפשר שאלה נוספת,
בתגובה להודעה מספר 10

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

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

CaTz
חבר מתאריך 2.10.04
14537 הודעות

22:32 26.03.11

12. בבקשה....
בתגובה להודעה מספר 11

http://www.brightcherry.co.uk/scribbles/2009/02/26/jquery-auto-refresh-div-every-x-seconds/

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka2

00:44 27.03.11

13. בצורה נורא מוזרה, אנשים נוטים לייחס לJQUERY
בתגובה להודעה מספר 0

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

jQuery היא תשתית אשר כתובה בPure Javascript ונותנת לך סוג של API לבצע דברים בJavascript בלי לדאוג ממש אם זה יעבוד בדפדפן X או בדפדפן Y, עכשיו יש לזה את הייתרונות שוב cross browser compatibility, אבל החסרונות נוטים יותר לכיוון המפתח עצמו, ברגע שהוא לומד ישר איך להשתמש בJQUERY, איכשהו באמצע הדרך הוא ייתקע, ושום דבר לא יעזור לו, הוא יהיה חייב לדעת Javascript, לכן הנטייה אמורה ליהיות קודם כול ללמוד Javascript לאחר מכן ללמוד תשתיות אשר נכתבו בJS.
לגבי Ajax, עקרונית המילה הכי חשובה בביטוי הזה היא Asynchronous, הפירוש הוא לא מורכב כמו שזה נשמע, אסינכרוני אומר שיש לך תהליך שמסוגל לבצע פעולה מסויימת ללא תלות בשום דבר(במקרה הזה חשוב שיהיה דפדפן(עם תמיכה בXMLHttpRequest/ActiveXObject), עכשיו מה שמבצע האובייקט האסינכרוני המדובר, הוא שליחת בקשה לכתובת x השליחה מתבצעת, הקוד ממשיך לרוץ, כדי לשלוט במידע אשר מגיע מהבקשה, בד"כ נהוג להעביר פונקצית Callback אשר בNative Code של האובייקט מופעלת, ואליה מועברים הנתונים אשר הגיעו מהבקשה + מידע על סטטוס הבקשה עצמה.
במקרה של AJAX שם האירוע אליו ניתן להצמיד פונקציה כזאת הוא onreadystatechange.

זה הכול לא מסובך מדי.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

08:28 27.03.11

14. תודה רבה יוחאי תגובה אש
בתגובה להודעה מספר 13

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

10:31 27.03.11

15. אני צריך שרת IIS כדי לעבוד עם AJAX?
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 27.03.11 בשעה 10:52 בברכה, dvir8

כי משום מה אני לא מצליח לקרוא מקובץ TXT ששמתי על השולחן עבודה.
האם הקובץ עצמו צריך להכיל קוד מסויים?
הקוד ששמתי

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק

10:59 28.03.11

16. אללה איסטר איך סיבכתם אותו
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 28.03.11 בשעה 11:08 בברכה, Sylver

איזה מצחיקים אתם, אתם רואים שאין לו מושג וזורקים כל מיני הסברים מחוכמים שקשה להבין עוד יותר.
אני מאמין במושג:
KISS
"Keep It Simple Stupid"
זה ההסבר הכי פשוט שאני יכול לחשוב עליו!
קודם כל,
JAVASCRIPT - שפת לקוח
PHP ASP וכו' - שפות של צד שרת
יודע נכון? אם כן אפשר להמשיך הלאה.
באמצעות השיטה שמכונה AJAX אנחנו משלבים בין השניים מבלי לרענן את הדף.
איך זה נעשה? באמצעות גורם שלישי.
לדוגמא!
יש לי טופס הרשמה באתר.
בטופס יש לבחור שם משתמש, סיסמא, להזין אימייל וטלפון.
בדיקות כמו האם באמת המשתמש הכניס טלפון \ אימייל ניתנות לעשות בצד לקוח בצורה יחסית פשוטה בשימוש של JS בלבד.
עם זאת, בדיקות כמו האם המשתמש הכניס שם משתמש שכבר קיים במסד נתונים שלי (ב SQL הכוונה), לזה אני כבר צריך שפת שרת.
אז מה עושים ?
הפתרון: שימוש בעמוד נוסף, גורם שלישי, שיבדוק עבורי האם המשתמש קיים כבר ויחזיר תשובה אותה שתופיע לי בעמוד המקורי שלי.
זה כמו לעמוד במקום ולשלוח מישהו שיבדוק עבורך משהו ויחזור אליך.
היישום של זה הוא יחסית פשוט. אנחנו משתמשים ב JS בשביל להעביר את הנתונים שהכניס המשתמש בשדה ואת הנתונים האלה אנחנו מעבירים לעמוד PHP חיצוני שמקבל את הנתונים, "עושה ריצה", ומחזיר את התשובה לעמוד המקורי.
זה פחות או יותר הרעיון שמאחורי השיטה שנקראת AJAX.

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות

12:21 29.03.11

17. מובן, הסבר מצוין. תודה חבר.
בתגובה להודעה מספר 16

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka2

01:28 02.04.11

18. חח חלאס שטויות,
בתגובה להודעה מספר 16

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד