1 00:00:00,000 --> 00:00:02,340 >> 1 SPEAKER: בואו ליישם אינטרנט דף המאפשר למשתמשים 2 00:00:02,340 --> 00:00:03,660 לחפש את מחירי מניות. 3 00:00:03,660 --> 00:00:07,970 נניח תחילה כי קיים קובץ שנקרא quote.php, אבל זה 4 00:00:07,970 --> 00:00:11,110 יכול להיות מיושם ברוב כלשהו שפה, אלא שמטרתו בחיים היא 5 00:00:11,110 --> 00:00:15,800 לצפות פרמטר גט HTTP נקרא סמל, את הערך שבם הוא 6 00:00:15,800 --> 00:00:18,120 סמל של המניות אשר אתה רוצה ציטוט. 7 00:00:18,120 --> 00:00:22,530 >> לדוגמא, אם אנחנו מסתכלים על קובץ זה ב הדפדפן שלי, quote.php, יבחין כי 8 00:00:22,530 --> 00:00:26,900 אני כבר עברתי ב, כבר, סמל של FB, לפייסבוק. 9 00:00:26,900 --> 00:00:31,060 ושימו לב כי מה שחזר הוא אובייקט JSON עם שלושה מפתחות. 10 00:00:31,060 --> 00:00:34,560 סמל של אחד בשם, אחד בשם שם, ובמחיר שנקרא אחד. 11 00:00:34,560 --> 00:00:38,920 הערכים אלה הם בדיוק את זה מהקובץ מדובר. 12 00:00:38,920 --> 00:00:41,680 >> עכשיו בואו נפנה את תשומת הלב ל ראשיתו של חלק HTML ו 13 00:00:41,680 --> 00:00:43,340 ב-JavaScript. 14 00:00:43,340 --> 00:00:48,990 כאן, בajax-0.html, שים לב שבתוך גופתו של הדף שלי יש לי טופס 15 00:00:48,990 --> 00:00:53,430 שיש לו תכונת onsubmit, ערך שבם הוא הצעת מחיר ותמורה 16 00:00:53,430 --> 00:00:57,020 שקר, ובכך המפרט שאני רוצה לקרוא לפונקצית JavaScript 17 00:00:57,020 --> 00:00:59,660 ציטוט בשם ולאחר מכן לחזור שווא. 18 00:00:59,660 --> 00:01:04,459 בינתיים, בתוך הצורה שהיא סמל זיהוי שלו הוא, סוף הציטוט, 19 00:01:04,459 --> 00:01:07,940 "סמל," ולאחר מכן קלט אחר ש הסוג הוא להגיש את זה נותן לי 20 00:01:07,940 --> 00:01:09,280 כפתור הגשה. 21 00:01:09,280 --> 00:01:13,460 >> בינתיים, בתוך ראשו של הדף שלי, יש תג תסריט, המקור 22 00:01:13,460 --> 00:01:18,000 שהיא כתובת האתר לjQuery, מאוד ספריית JavaScript פופולרית, ומתחת 23 00:01:18,000 --> 00:01:21,150 זה תג סקריפט אחר, בתוך המהווה את ראשיתו של חלק 24 00:01:21,150 --> 00:01:23,440 JavaScript שאני עצמי אכתוב. 25 00:01:23,440 --> 00:01:26,900 זוהי פונקצית הציטוט שתהיה סופו של דבר ייקרא, ובתוך 26 00:01:26,900 --> 00:01:31,300 כאן בואו להכריז על משתנה בשם כתובת אתר, צוין כי השווי זה 27 00:01:31,300 --> 00:01:32,590 משתנה יהיה quote.php? סמל = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> ועכשיו בואו לשרשר על הסוף של שהמחרוזת ראשונית מה סמל 30 00:01:42,170 --> 00:01:43,840 המשתמש שהוקלד ככל הנראה. 31 00:01:43,840 --> 00:01:51,770 באופן ספציפי, בואו נעשיתי את + $ "" # סמל כך אגדיר שאני רוצה 32 00:01:51,770 --> 00:01:54,910 לקבל, עם jQuery מDOM שלי, האלמנט שייחודי 33 00:01:54,910 --> 00:01:56,430 מזהה, לסמל. 34 00:01:56,430 --> 00:01:59,500 נזכיר כי, כי הוא פשוט הטקסט שדה שאליו המשתמש הוא הולך 35 00:01:59,500 --> 00:02:01,210 הקלד סמל של המניה ש. 36 00:02:01,210 --> 00:02:05,030 >> אז בואו נקרא val, שהיא פונקציה או שיטה שתקבל 37 00:02:05,030 --> 00:02:06,740 ערך שהמשתמש הקליד פנימה 38 00:02:06,740 --> 00:02:11,540 ואז בואו נקראים לפונקציה jQuery קרא getJSON, עובר כב 39 00:02:11,540 --> 00:02:16,010 טענה ראשונה שכתובת אתר, עובר ב, כפי הטיעון השני, בעילום שם 40 00:02:16,010 --> 00:02:18,900 פונקציה שמצפה טיעון אחד. 41 00:02:18,900 --> 00:02:20,360 הנתונים, אנחנו קוראים לזה. 42 00:02:20,360 --> 00:02:25,130 ובתוך הפונקציה האנונימי הזה, אנחנו פשוט נעשה את ההתראה, ולאחר מכן ב 43 00:02:25,130 --> 00:02:27,940 סוגריים, data.price. 44 00:02:27,940 --> 00:02:31,470 אם נתונים, אחרי הכל, הוא שJSON מתנגד עם שלושה שדות - 45 00:02:31,470 --> 00:02:35,100 סמל, שם, ובמחיר, על ידי עושה data.price אני אביא 46 00:02:35,100 --> 00:02:36,640 בדיוק ערך זה. 47 00:02:36,640 --> 00:02:39,000 >> בואו עכשיו שמרו את הקובץ ו לפתוח אותו בדפדפן. 48 00:02:39,000 --> 00:02:42,230 49 00:02:42,230 --> 00:02:48,760 http://localhost/ajax-0.html. 50 00:02:48,760 --> 00:02:49,870 כאן יש לנו טופס זה. 51 00:02:49,870 --> 00:02:52,890 בואו נקליד בFB לפייסבוק ולקבל הצעת מחיר. 52 00:02:52,890 --> 00:02:55,070 ויש, אם כן, הוא פייסבוק של מחיר המניה האחרון. 53 00:02:55,070 --> 00:02:58,368