آموزش Asp.Net MVC - طریقه کار با WebApi - بخش 4 - قسمت 37

Описание: در این قسمت از پکیج آموزش ASP.NET MVC، به سراغ فراخوانی اکشن‌های Web API می‌رویم که یک لیست (IEnumerable) برمی‌گردانند. برخلاف قسمت‌های قبل که یک رشته تکی می‌گرفتیم، اینجا با یک آرایه یا کالکشن از داده‌ها (JSON Array) سروکار داریم. ابتدا، طبق معمول، آدرس API را در مرورگر تست می‌کنیم تا از صحت خروجی (لیست اسامی) مطمئن شویم. سپس با استفاده از $.getJSON داده‌ها را دریافت کرده و نحوه پیمایش (Iterate) این آرایه را با حلقه $.each() در jQuery به شما نشان می‌دهم. یاد می‌گیریم که چطور با متد .append()، هر آیتم (item) دریافتی از حلقه را به صورت یک تگ li به لیست ul خود اضافه کنیم. همچنین مشکل رایج اضافه شدن تکراری آیتم‌ها در کلیک‌های مجدد را با استفاده از متد .empty() (برای پاک کردن لیست قبل از فراخوانی) حل می‌کنیم. در پایان، پارامتر index در حلقه $.each و نکته بهینه سازی محل قرارگیری تگ‌های script را نیز بررسی خواهیم کرد.

آموزش ASP.NET MVC از صفر تا صد و رایگان (ASP.NET MVC Core Course) - استاد رحیم لطفی - آموزش فراخوانی Web API که لیست (IEnumerable) برمی‌گرداند - نحوه کار با اکشن API که آرایه‌ای از رشته‌ها (Array of Strings) بازگشت می‌دهد - بررسی تفاوت دریافت لیست با دریافت یک رشته تکی - تست API دریافت لیست (GetList) در مرورگر قبل از کدنویسی - استفاده از $.getJSON برای دریافت آرایه JSON (JSON Array) - آموزش حلقه $.each() در jQuery برای پیمایش (Iterate) داده‌های دریافتی - نحوه پردازش کالکشن (Collection) بازگشتی از Ajax - بررسی پارامترهای تابع $.each شامل index (ایندکس) و item (مقدار) - آموزش ساخت لیست ul در HTML برای نمایش داده‌ها - روش اضافه کردن داینامیک تگ‌های li به ul با استفاده از متد .append() - قرار دادن کدهای jQuery داخل یک تابع (Function) مجزا - فراخوانی تابع با رویداد OnClick دکمه (Button) - حل مشکل اضافه شدن تکراری آیتم‌ها به لیست در کلیک‌های مجدد - آموزش استفاده از متد .empty() جی‌کوئری برای پاک کردن محتوای ul قبل از هر فراخوانی - نمایش ایندکس (Index) آیتم‌ها در کنار مقدار (Item) - نکته مهم: بهترین محل قرارگیری تگ‌های script (قبل از بسته شدن /body) برای لود بهتر صفحه

#aspnetmvc - #aspnet - #MVC - #webapi

امیدوارم که برای شما عزیزان مفید واقع بشه.
فقط لطفا اگر خوشتون اومد لایک و سابسکرایب و نظر فراموش نشه.
آدرس شبکه های اجتماعی ما:
سایت:
http://www.heilton.com/
توییتر:
  / heiltongroup  
تلگرام:
https://telegram.me/HeiltonProgramming
فیس بوک:
https://www.facebook.com/login/?next=...
یوتیوب:
   / @alfa4970