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

آموزش متد Load در Ajax

دوره های مرتبط با این مقاله

متد ()Load

یکی از ساده ترین در عین حال کارآمدترین متدهای بارگذاری داده به صورت نامتقارن (غیرهمزمان)، متد load() می باشد. برای استفاده از آن، ابتدا المانی که می خواهید محتوا در آن بارگذاری شود را انتخاب کرده و سپس متد load() را بر روی آن فراخوانی می کنیم. متد نام برده URL ای (آدرس فایلی که اطلاعات را می خواهیم از آن بخوانیم) را که می خواهید لود شود را به عنوان پارامتر می گیرد. برای این نمونه، باید یک فایل خارجی برای بارگذاری داشته باشیم. آن را content.html نامیده و محتوای آن باید مشابه کد زیر باشد:


This is external content
And there's more of it

آن را تحت عنوان content.html و در همان پوشه ای که دیگر فایل های نمونه ی خود را در آن ذخیره می کنید، قرار دهید. می توان آن را به سادگی بارگذاری کرد:


نمونه یک

    
امتحان کنید

اگر فایل content را در پوشه ی دیگر قرار داده یا آن را به گونه ای دیگر نام گذاری کرده اید، در آن صورت می بایست پارامتر ارسالی به متد load را متناسب با آن تغییر دهید. می توانید همراه با URL، یک انتخابگر نیز به عنوان آرگومان ورودی به متد مذکور پاس دهید و بدین وسیله تنها بخش دلخواه از صفحه ی مورد نظر را گزینش کنید. در مثال اول، کل یک صفحه را بارگذاری کردیم، اما در مثال زیر، فقط المان div ای که دربردارنده ی جمله ی اول است را انتخاب کرده و به صورت نامتقارن بارگذاری می کنیم:


نمونه دو

    
امتحان کنید

همان طور که مشاهده می کنید، فقط یک انتخابگر متعارف jQuery را به عنوان پارامتر دوم به متد load ارسال کرده و آن را با ویرگول از آرگومان قبلی (URL) متد مزبور جدا کردیم. این کار باعث می شود jQuery تنها محتوای مشخص شده را از صفحه ی مورد نظر انتخاب کرده و از این طریق فقط بخش های منطبق با انتخابگر (selector) را به container برگرداند (و در آن ظرف قرار دهد). می توان هر انتخابگری را به عنوان پارامتر به متد load پاس داده و از این طریق بخش مورد نظر را گزینش کرد که به کارایی هر چه بیشتر این متد می افزاید.
تابع load دو پارامتر دیگر می پذیرد: 1. مجموعه جفت کلید و مقدار querystring 2. یک تابع callback که به محض اجرای کامل متد load و صرف نظر اینکه لود با موفقت انجام می شود یا خیر، صدا زده و اجرا می شود. در زیر مثالی را مشاهده می کنید که با تابع callback کاربر را از موفقیت یا عدم موفقیت اجرای load آگاه می کنیم. معمولا پیغام موفقیت را تنها در صورت موفقیت اجرای متد نمایش می دهند، اما برای آموزش پیغام عدم موفقیت بارگذاری را نیز نمایش می دهیم. در این مثال، عمدا یک فایل را درخواست می کنیم که وجود خارجی ندارد تا عملیات با شکست مواجه شده و پیغام عدم موفقیت به نمایش در آید:


نمونه سه

   
امتحان کنید

همان طور که مشاهده می کنید، تابع callback سه متغیر به عنوان پارامتر می گیرد که jQuery خود برای شما با مقدار پر می کند. اولین پارامتر، در صورتی که فراخوانی و اجرای متد با موفقیت انجام شود، با محتوای حاصل پر خواهد شد (دربردارنده ی داده های خروجی از درخواست می باشد). دومین پارامتر یک رشته است که وضعیت فراخوانی، برای مثال "success" یا "error" را مشخص می کند (در واقع مشخص کننده ی وضعیت درخواست می باشد). با این پارامتر می توان موفقیت یا عدم موفقیت اجرای متد را دریافت. پارامتر سوم یک شی XMLHttpRequest است که برای فراخوانی توابع AJAX بکار می رود. این شی دربردارنده ی خاصیت هایی (property هایی) است که با استفاده از آن می توان علت رخداد خطا (عدم موفقیت و اجرای کامل بارگذاری) و خیلی چیزهای دیگر را دریافت.


امیدواریم که این مطلب در مورد آموزش Jquery و JavaScript برایتان مفید و مناسب بوده باشد.
در صورت داشتن هر گونه سوال، پیشنهاد و یا انتقاد حتماً از قسمت نظرات در پایین صفحه آن را برای ما ارسال کنید.

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

از اینجا بهترین کتابهای برنامه نویسی را دریافت کنید : کتاب های آموزش برنامه نویسی


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

  • 1947
  •    1166
  • تاریخ ارسال :   1395/01/17

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

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

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