قسمت یازدهم AngularJS : بررسی کامل سرویس $http

قسمت یازدهم AngularJS : بررسی کامل سرویس $http

باسلام

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

سرویس $http در انگولار

سرویس $http در انگولار وظفه ی ارسال درخواست و دریافت پاسخ ان درخواست را دارد.
$http یک درخواست ساده برای سرور ایجاد کنید و نتیجه را در هدر نمایش دهید:

متد های $http

در مثال بالا از متد .get در سرویس $http استفاده کردیم.
روش .get یکی از روش های میانبر سرویس $http است . چندین روش میانبر وجود دارد :

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

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

خواص سرویس $http

پاسخ از سرور بصورت یک شی است که با خواص زیر مقدار دهی خواهد شد حال به بررسی هریک از مقادیر خواهیم پرداخت.
.config شی مورد استفاده برای تولید درخواست می باشد.
.data یک رشته یا یک شی که پاسخ را از سرور دریافت می کند.
.headers یک تابع برای استفاده از اطلاعات هدراست.
.status یک شماره تعیین وضعیت HTTP.
.statusText یک رشته تعریف وضعیت HTTP.

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

JSON

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

توضیحات برنامه :
این برنامه توسط customersCtrl کنترل میشود و با $scope و $http تعریف میشود.
$http یک شی XMLHttpRequest برای درخواست داده های خارجی است.
در مورد موفقیت، کنترل کننده یک املاک، myData، در محدوده، با داده های JSON از سرور ایجاد می کند.

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

امیدوارم این قسمت از اموزش های انگولار هم برای شما عزیزان مفید واقع شده باشد.
برای اطلاعات بیشتر میتوانید به سایت w3schools مراجعه فرمایید.
موفق باشید

برچسب ها : $http service، اموزش انگولار جی اس

دیدگاه تازه ای بنویسید