קבלת ציוצים באמצעות jQuery

כמו שהרבה מכם יודעים אני אוהב טוויטר מושבע, אני עושה בטוויטר שימוש יומיומי גם אישי וגם עסקי.

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

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

כמובן שלאותו מייל עניתי: "הממ…כן, אתה יכול!"

קוד jQuery

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

איך מתאימים את הקוד לצורכיכם?

משנים את המשתנה twitterUsername – זה המשתנה שיקבע את שם המשתמש שהציוצים שלו ימשכו
יש עוד משתנה שקובע את כמות הציוצים שהשאילתה תחזיר אבל אני חושב שזה די ברור מהקוד :-)

   1: function getuserTweets() {

   2:     var twitterUsername = 'KensoDev';

   3:     var twitCount = 50;

   4:     $.getJSON(

   5:         'http://search.twitter.com/search.json?callback=?&rpp=' + twitCount + '&q=from:' + twitterUsername,

   6:         function(data) {

   7:             $.each(data, function(i, userTweets) {

   8:                 for (var tweet = 0; tweet < userTweets.length; tweet++) {

   9:                     if (userTweets[tweet].text !== undefined) {

  10:                         $('body').append('<p>' + userTweets[tweet].text + '</p>');

  11:                     }

  12:                 }

  13:             });

  14:         }

  15:     );

  16: }

בהצלחה

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים

*

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>