ترفندهای پیشرفته jQuery (قسمت 21)

- visibility ۰ mode_comment

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم. jquery trickshot

موضوع چهارم : Ajax

ترفند 41 : دسترسی به اطلاعات آب و هوا

اطلاعات آب و هوا از اون دسته از اطلاعاتی هست که پیدا کردن یک API خوب برای اون یک امر ضروری هست. openweathermap به شما این امکان رو میده که به اطلاعات آب و هواشناسی هر نقطه از جهان دسترسی داشته باشید و قدرت مانور زیادی رو در اختیار شما میزاره. در اینجا یک مثال از نحوه کار کردن با اون رو در اختیارتون میزارم. این ابزار پولی هست ، اما میشه از امکانات اون بصورت محدود و رایگان استفاده کرد.

در ابتدا یک متغیر میسازیم و کد درخواستمون رو در اون قرار میدیم:

همونطور که میبینید در ابتدا آدرس api رو قرار دادم و بعد از علامت سوال هم پارامترهامو ارسال کردم. در اینجا شما میتونین برای پارامتر q نام شهر و کشوری که قصد دارید اطلاعات اون رو دریافت کنید ، وارد کنید. appid هم آی دی هست که شما بعد از خرید اکانت از سایت در اختیارتون قرار میگیره. این آی دی که در بالا وجود داره عمومی و رایگان و البته محدود است.

همونطور که دیدید در ابتدا از تابع $.getJSON استفاده کردیم و به عنوان آرگومان اول api رو به اون پاس دادیم. بعد از اینکه داده ها دریافت و پردازش شد ، نتایج درون متغیر r ذخیره میشه و بعدش هم در Console چاپش میکنیم. خروجی بصورت زیر خواهد بود:

این اطلاعات مربوط به همین الان هست که دارم کد رو اجرا میکنم. میبینید که اطلاعات زیادی رو در اختیارتون قرار داده از قبیل دما ، رطوبت ، سرعت باد و ....

شما میتونین تنها از بعضی از قسمتهای اون استفاده کنید و به کاربر نمایش بدین. بصورت زیر:

در بالا نام شهر و کشور و همچنین اطلاعات main رو گرفتیم که خروجی اون بصورت زیر خواهد بود:

دماهایی که در بالا آورده شده بر حسب کلوین هستن و برای تبدیل اون به سانتی گراد میتونین این اعداد رو از 273.15 کم کنید.

ترفند 42 : فهمیدن مختصات جغرافیایی آدرس IP

سرویسهای آنلاین زیادی هستن که میتونن به شما بگن که شهر و کشور این آدرس IP کدام است. در اینجا روش استفاده از یکی از اونا freegeoip.net رو نشونتون میدم:

در ابتدا متغیرهایی رو تعریف میکنیم:

شما میتونین بصورت دستی IP رو وارد کنید که برای اون چک شه ولی اگر اون رو خالی بزارید IP فعلی شما بصورت پیش فرض فرستاده میشه.

حالا از تابع $.getJSON استفاده میکنیم و بر روی اطلاعات JSON پردازش انجام میدیم و اطلاعات مورد نظرمونو از اون بیرون میکشیم:

کل اطلاعات JSON که دریافت میشه بصورت زیر هست:

اگر اطلاعات بالا رو از اون بیرون بکشیم ، متن زیر در Console چاپ میشه:

امیدوارم این دو ترفند بتونه براتون مفید باشه.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.