• ۲۹
  • مرداد
توضیحات
  • دسته‌بندی‌ها : آموزش جاوا اسکریپت
  • بازدید : 339
جلسه ۱۱ : استفاده از http$ به عنوان AJAX در AngularJS
  • جزئیات
  • نوع محتواآموزش تصویری

فیلم های آموزشی آکادمی پی وی لرن

  • آموزش های مرتبط

  • ۲۹
  • مرداد

جلسه ۱۱ : استفاده از http$ به عنوان AJAX در AngularJS

  • دسته‌بندی‌ها :
  • بازدید : 339

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش AngularJS را دنبال می کنند. در این آموزش قصد داریم به چگونگی استفاده از سرویس http به عنوان AJAX در AngularJS ، بپردازیم. ما در آموزش بخش قبل، به اهمیت سرویس http$ اشاره کردیم و گفتیم که این سرویس پرکاربردترین سرویس آنگولار است. که برای درخواست داده ها از سرور استفاده می شود. اما در این بخش قصد داریم به بررسی بیشتر این سرویس پرداخته و کاربردهایی نظیر استفاده از AJAX را با استفاده از سرویس $http توضیح دهیم.

استفاده از http$ به عنوان AJAX در AngularJS

همانطور که اشاره شده،  $http  یک سرویس AngularJS برای خواندن داده ها از سرورهای راه دور است.

این سرویس ابتدا یک درخواست را به سرور ارسال کرده و سپس پاسخ را دریافت کرده و برمی گرداند.

مثال : علمکرد سرویس $http

خودتان امتحان کنید »

مثال : 

متدها

در مثال بالا از متد .get در سرویس $http ، استفاده شده است.

تابع  .get، یک تابع کوتاه از$http است. متدهای دیگری نیز وجود دارد:

  • .delete()
  • .get()
  • .head()
  • .jsonp()
  • .patch()
  • .post()
  • .put()

روش های بالا همه میانبرهای فراخوانی سرویس http$ هستند:

مثال : عملکرد سرویس   http$

خودتان امتحان کنید »

مثال : 

مثال فوق سرویس $http را با یک شی به عنوان یک آرگومان اجرا می کند. هدف این است که مشخص کنیم در متد HTTP، چه وقت با موفقیت انجام می شود، و چه وقت به  شکست می انجامد.

خصوصیات

پاسخ دریافتی از سرور، شامل خصوصیات زیر می شود:

  • .config :این شی برای تولید درخواست استفاده می شود.
  • .data : پاسخ دریافتی از سرور را نگه داری می کند.
  • .headers :  تابعی برای استفاده از اطلاعات header است.
  • .status : عددی است که وضعیت http را مشخص می کند.
  • .statusText : رشته ی تعریف وضعیت http است.

مثال : خصوصیات http

خودتان امتحان کنید »

مثال : 

برای مدیریت خطاها، یکی دگیر از توابع را به متد .then اضافه کنید:

مثال : مدیریت خطاها در http

خودتان امتحان کنید »

مثال : 

JSON

انتظار می رود داده هایی که از پاسخ سرور دریافت می کنید در قالب JSON باشد.

JSON یک راه عالی برای انتقال داده ها است و از AngularJS یا هر JavaScript دیگر استفاده می شود.

مثال:در سرور ما یک پرونده داریم که شی JSON را که حاوی ۱۵ مشتری است را بازگرداند،و  همه در آرایه ای به نام records قرار می گیرند.

مثال : استفاده از دستورالعمل ng-repeat

خودتان امتحان کنید »

مثال : 

شرح مثال فوق:

برنامه یک کنترلر customersCtrl را با یک شی$scoop و$http  تعریف می کند.

سرویس $http در واقع یک شی XMLHttpRequest object برای درخواست داده های اضافه است.

متد $http.get() داده ها را از صفحه سرور customers.php ، می خواند.

کنترلر ویژگی myData را در scope ، با استفاده از داده های JSON  در سرور ایجاد می کند.

کلام آخر

در مطالب فوق، که به منظور استفاده از http$ به عنوان AJAX در AngularJS برای شما ارائه گردید. شما را با بیشتر عملکرد سرویس $http و متدهای آن، آشنا کردیم. امیدواریم که مطال فوق مورد توجه و استفاده ی شما قرار گرفته باشد.

این پست را ارزیابی کنید
QR:  جلسه ۱۱ : استفاده از http$ به عنوان AJAX در AngularJS
به اشتراک بگذارید