نمایش Loading تا بارگزاری کامل div و فچ شدن دیتا از Api
سلام و خسته نباشید
دوستان یه صفحه دارم که وصل میشه به یه Api
من داخل اون یه سری div گذاشتم که اطلاعات رو که از api میاد فچ کنه
یه مشکلی هست اینه که یه زمان هایی مدت زمان انتظار بیشتر از یه حدی میشه و div ها نمایش داده نمیشن
میشه یه حرکتی زد که تا قبل از اینکه این div ها کامل میان بالا یه مثلا pogress bar یا حالا هرچیزی نمایش داده بشه ؟
ممنون میشم کمک کنید
@websaz
@mohaligateway
@Rp76
@samanzdev
@juza66 @websaz
@muhammad
@samanzdev
@mrn @arminbeik
پاسخها
6
تخصص: برنامهنویس وب: Python :: Django :: Node :: Php :: Laravel :: JS :: React :: React Native
سلام لطفا تکنولوژی هارو بگید مثلا jquery .
@MohammadHasani
میتونی از Block UI استفاده کنی داخل تگ div که مشخص میکنی لودینگ رو نمایش میده
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@websaz
فرقی نداره
یا js یا جی کوئری
سلام
می تونید از top loading bar استفاده کنید. این بهتر از spinner هست چون تو spinner هیچ چیز توی صفحه مشخص نیست.
سلام
من معمولا از این استفاده میکنم . البته من بیشتر این نوع رو دوست دارم :
https://www.jqueryscript.net/loading/jQuery-Plugin-For-Creating-Loading-Overlay-with-CSS3-Animations-waitMe.html
سلام بهترین گزینه این کاره
یه css لودینگ از https://icons8.com/cssload بردارید
با جاوا اسکریپت هر وقت سایت لود شد و api ها جواب دادند حذفش بکنید
من نمی دونم چجوری نوشتید شما
اما بدونید که وقتی درخواست http جواب داده شد باید با استفاده از کد زیر لودینگ رو حذف کنید
<div id="loading"> ... </div>
...
var elem = document.getElementById("loading");
elem.parentNode.removeChild(elem);