דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. עזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה

עזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה

מתוזמן נעוץ נעול הועבר תכנות
13 פוסטים 4 כותבים 249 צפיות 4 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • dovidD מנותק
    dovidD מנותק
    dovid
    ניהול
    כתב ב נערך לאחרונה על ידי dovid
    #4

    מחילה שהעפתי את הפוסטים, זה היה אקט חינוכי...

    • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
    • בכל נושא אפשר ליצור קשר dovid@tchumim.com
    תגובה 1 תגובה אחרונה
    0
    • צדיק תמיםצ מנותק
      צדיק תמיםצ מנותק
      צדיק תמים
      כתב ב נערך לאחרונה על ידי צדיק תמים
      #5

      @dovid קודם כל תודה על התשובה המהירה 🙂
      למה באמת response.json() לוקח זמן? במה זה שונה מכל ניתוח מקומי אחר, לדוגמה .split()?


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


      @dovid אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

      אם כבר הייתי משפר את הקוד לככה:

      ברשותך, לא הבנתי כמה וכמה חלקים בקוד המשופר... כנראה כתיב מודרני שטרם זכיתי להכיר 🙂
      לדוגמה:

      response  => response.json()
      

      ו

      .then(json => jsonTest(json, tyUrl ) && [json, tyUrl ])
      

      וגם

      tyUrl => fetch(`/~netfree/test-url?u=${tyUrl}`
      

      @dovid אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

      קוד יותר טוב אבל שמצריך שינוי בplayCompleted

      יש עניין בזה?
      playCompleted זה סה"כ פונקציה שמשמיעה צליל סיום, ומופעלת בסיום המערך...

      Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
      טיפים

      dovidD י 2 תגובות תגובה אחרונה
      0
      • צדיק תמיםצ צדיק תמים

        @dovid קודם כל תודה על התשובה המהירה 🙂
        למה באמת response.json() לוקח זמן? במה זה שונה מכל ניתוח מקומי אחר, לדוגמה .split()?


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


        @dovid אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

        אם כבר הייתי משפר את הקוד לככה:

        ברשותך, לא הבנתי כמה וכמה חלקים בקוד המשופר... כנראה כתיב מודרני שטרם זכיתי להכיר 🙂
        לדוגמה:

        response  => response.json()
        

        ו

        .then(json => jsonTest(json, tyUrl ) && [json, tyUrl ])
        

        וגם

        tyUrl => fetch(`/~netfree/test-url?u=${tyUrl}`
        

        @dovid אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

        קוד יותר טוב אבל שמצריך שינוי בplayCompleted

        יש עניין בזה?
        playCompleted זה סה"כ פונקציה שמשמיעה צליל סיום, ומופעלת בסיום המערך...

        dovidD מנותק
        dovidD מנותק
        dovid
        ניהול
        כתב ב נערך לאחרונה על ידי dovid
        #6

        @צדיק-תמים .split() גם לוקח זמן, אבל הJS מפסיק לעבוד עד שזה מתבצע.
        בניתוח json זה לא כדאי כי זה יכול לקחת הרבה זמן בהתאם לגודל והמורכבות.

        הקוד שהבאתי הראשון "לא שינית בו כלום" אבל כתבתי בדיוק מה שיניתי: "התוצאה שלה מוכנה רק בthen הבא." כלומר הconsole.log לא נמצא יחד עם הresponse.json() אלא בthen שאחריו.

        בקשר לכתיב המודרני זה סוטה מהנושא. תוכל לפתוח נושא חדש על תחביר פונקציות חץ, או לקרוא על זה פה https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions.

        בנוגע לplayCompleted לא היה לי מושג מה היא עושה, לתומי חשבתי שהיא עושה שימוש עם התוצאות שהתקבלו. אם זה רק להשמיע צליל היא מיותרת, אפשר להשמיע את הצליל בthen של Promise.all.

        • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
        • בכל נושא אפשר ליצור קשר dovid@tchumim.com
        תגובה 1 תגובה אחרונה
        3
        • צדיק תמיםצ מנותק
          צדיק תמיםצ מנותק
          צדיק תמים
          כתב ב נערך לאחרונה על ידי
          #7

          @dovid אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

          הקוד שהבאתי הראשון "לא שינית בו כלום" אבל כתבתי בדיוק מה שיניתי: "התוצאה שלה מוכנה רק בthen הבא." כלומר הconsole.log לא נמצא יחד עם הresponse.json() אלא בthen שאחריו.

          זה מה שניסיתי קודם כל, וזה לא עבד... זה כתב שYTurl לא מוגדר.
          לא משנה.

          Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
          טיפים

          תגובה 1 תגובה אחרונה
          0
          • dovidD dovid

            response.json()

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

            arrayYT.forEach((YTurl, index) => {
                fetch(`https://www.google.com/~netfree/test-url?u=${YTurl}`, {})
                  .then((response) => {
                    return response.json();
                  })
                  .then((json) => {
                    console.log("URL: " + YTurl);
                    console.log("RESPONSE:", json);
                    jsonTest(json.block, YTurl);
                  })
                  .catch((error) => {
                    console.log(`שגיאה בקבלת נתונים מהכתובת: ${YTurl}. שגיאה: ${error}`);
                  })
                  .finally(() => {
                    if (index === arrayYT.length - 1) {
                      playCompleted();
                    }
                  });
              });
            

            אם כבר הייתי משפר את הקוד לככה:

            let listTasks = arrayYT.map(tyUrl => fetch(`/~netfree/test-url?u=${tyUrl }`)
                                 .then(response  => response.json())
                                 .then(json => jsonTest(json, tyUrl ) && [json, tyUrl ])
                                 .catch(error=> `שגיאה בקבלת נתונים מהכתובת: ${tyUrl }. שגיאה: ${error}`)
            );
            Promise.all(listTasks).then(_ => playCompleted());
            
            צדיק תמיםצ מנותק
            צדיק תמיםצ מנותק
            צדיק תמים
            כתב ב נערך לאחרונה על ידי צדיק תמים
            #8

            @dovid כעת אני צריך לעשות שרשור נוסף...
            כלומר אני רוצה מלבד הקריאה לכתובת שבקוד שהבאתי, להוסיף קריאה נוספת (לAPI של יוטיוב, לקבל מידע על הסרטון) ואז לשלוח את התשובות מ-2 הכתובות ביחד לתוך ה()jsonTest שמנתחת את מה שהיא מקבלת ושולחת את זה לפונקציה שמדפיסה בפועל.
            אני מעוניין שההדפסה תהיה ברצף, כלומר בשורה אחת יהיה את כתובת הסרטון, ואז את המידע שמגיע מהAPI.
            השאלה איך אני עושה את זה?
            לא הצלחתי להבין באיזה שלב אני צריך להוסיף את הfetch החדש.

            Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
            טיפים

            dovidD תגובה 1 תגובה אחרונה
            0
            • צדיק תמיםצ מנותק
              צדיק תמיםצ מנותק
              צדיק תמים
              כתב ב נערך לאחרונה על ידי
              #9

              למעשה עברתי לasync-awiat, החיים נהיו הרבה יותר קלים ופשוטים 😉

              Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
              טיפים

              תגובה 1 תגובה אחרונה
              3
              • צדיק תמיםצ צדיק תמים

                @dovid קודם כל תודה על התשובה המהירה 🙂
                למה באמת response.json() לוקח זמן? במה זה שונה מכל ניתוח מקומי אחר, לדוגמה .split()?


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


                @dovid אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                אם כבר הייתי משפר את הקוד לככה:

                ברשותך, לא הבנתי כמה וכמה חלקים בקוד המשופר... כנראה כתיב מודרני שטרם זכיתי להכיר 🙂
                לדוגמה:

                response  => response.json()
                

                ו

                .then(json => jsonTest(json, tyUrl ) && [json, tyUrl ])
                

                וגם

                tyUrl => fetch(`/~netfree/test-url?u=${tyUrl}`
                

                @dovid אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                קוד יותר טוב אבל שמצריך שינוי בplayCompleted

                יש עניין בזה?
                playCompleted זה סה"כ פונקציה שמשמיעה צליל סיום, ומופעלת בסיום המערך...

                י מנותק
                י מנותק
                יוסף בן שמעון
                כתב ב נערך לאחרונה על ידי
                #10

                @צדיק-תמים אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                למה באמת response.json() לוקח זמן? במה זה שונה מכל ניתוח מקומי אחר, לדוגמה .split()?

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

                chvC תגובה 1 תגובה אחרונה
                5
                • י יוסף בן שמעון

                  @צדיק-תמים אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                  למה באמת response.json() לוקח זמן? במה זה שונה מכל ניתוח מקומי אחר, לדוגמה .split()?

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

                  chvC מנותק
                  chvC מנותק
                  chv
                  כתב ב נערך לאחרונה על ידי
                  #11

                  @יוסף-בן-שמעון אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                  @צדיק-תמים אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                  למה באמת response.json() לוקח זמן? במה זה שונה מכל ניתוח מקומי אחר, לדוגמה .split()?

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

                  וואו!! השאלה והתשובה הזאת צריכים להיות בשרשור משלהם.
                  זה דבר שקפץ לי השאלה הזאת בראש הרבה פעמים בזמן פיתוח.
                  התשובה שלך פשוט עונה בדיוק על השאלה.
                  אם היה כאן SO זה היה accepted answer בקל.

                  בלוג | מייל

                  תגובה 1 תגובה אחרונה
                  6
                  • צדיק תמיםצ צדיק תמים

                    @dovid כעת אני צריך לעשות שרשור נוסף...
                    כלומר אני רוצה מלבד הקריאה לכתובת שבקוד שהבאתי, להוסיף קריאה נוספת (לAPI של יוטיוב, לקבל מידע על הסרטון) ואז לשלוח את התשובות מ-2 הכתובות ביחד לתוך ה()jsonTest שמנתחת את מה שהיא מקבלת ושולחת את זה לפונקציה שמדפיסה בפועל.
                    אני מעוניין שההדפסה תהיה ברצף, כלומר בשורה אחת יהיה את כתובת הסרטון, ואז את המידע שמגיע מהAPI.
                    השאלה איך אני עושה את זה?
                    לא הצלחתי להבין באיזה שלב אני צריך להוסיף את הfetch החדש.

                    dovidD מנותק
                    dovidD מנותק
                    dovid
                    ניהול
                    כתב ב נערך לאחרונה על ידי
                    #12

                    @צדיק-תמים אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                    @dovid כעת אני צריך לעשות שרשור נוסף...

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

                    • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                    • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                    צדיק תמיםצ תגובה 1 תגובה אחרונה
                    1
                    • dovidD dovid

                      @צדיק-תמים אמר בעזרה בשרשור פרומיסים (fetch) / גם שימוש בjson שמתקבל מהכתובת וגם קבלת הכתובת עצמה:

                      @dovid כעת אני צריך לעשות שרשור נוסף...

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

                      צדיק תמיםצ מנותק
                      צדיק תמיםצ מנותק
                      צדיק תמים
                      כתב ב נערך לאחרונה על ידי
                      #13

                      @dovid מה העניין לפצל את אותה בעיה ל2 נושאים נפרדים?
                      אני מדבר על ההודעה שציטטת

                      Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
                      טיפים

                      תגובה 1 תגובה אחרונה
                      0
                      תגובה
                      • תגובה כנושא
                      התחברו כדי לפרסם תגובה
                      • מהישן לחדש
                      • מהחדש לישן
                      • הכי הרבה הצבעות


                      בא תתחבר לדף היומי!
                      • התחברות

                      • אין לך חשבון עדיין? הרשמה

                      • התחברו או הירשמו כדי לחפש.
                      • פוסט ראשון
                        פוסט אחרון
                      0
                      • דף הבית
                      • קטגוריות
                      • פוסטים אחרונים
                      • משתמשים
                      • חיפוש
                      • חוקי הפורום