از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
روش بارگذاری مجدد صفحه با استفاده از جاوا اسکریپت
سرفصلهای مطلب
معرفی
دلایل متعددی وجود دارد که ممکن است بخواهید یک صفحه وب را با استفاده از جاوا اسکریپت به صورت برنامه نویسی بازخوانی کنید. شاید بخواهید یک را رفرش کنید page پس از یک رویداد یا اقدام خاص، یا شاید شما نیاز به بارگذاری مجدد یک page بعد از مدت زمان مشخص
در این بایت، ما قصد داریم روش بارگذاری مجدد a را بررسی کنیم page با استفاده از جاوا اسکریپت، و تفاوت بین بارگذاری مجدد نیرو و بارگذاری مجدد عادی.
چرا صفحه را با JS بارگذاری مجدد کنید؟
بارگذاری مجدد a page استفاده از جاوا اسکریپت می تواند در سناریوهای مختلف مفید باشد. به عنوان مثال، زمانی که شما در حال کار هستید روی یک تک-page برنامه (SPA) که نیاز به تازه کردن داده ها از سرور بدون دفترچه راهنما دارد page تازه کردن. یا زمانی که شما نیاز به پیاده سازی ویژگی دارید که نیاز به a page برای بارگیری مجدد پس از یک زمان خاص یا رویداد کاربر. جاوا اسکریپت راه آسانی برای انجام این نوع کارها فراهم می کند.
روش بارگذاری مجدد صفحه با استفاده از جاوا اسکریپت
بارگذاری مجدد a page استفاده از جاوا اسکریپت بسیار ساده است. می توانید استفاده کنید location.reload()
روش، که بخشی از window.location
هدف – شی. در اینجا یک مثال ساده آورده شده است:
window.location.reload();
هنگامی که این خط کد اجرا می شود، سند فعلی دوباره بارگذاری می شود. به همین سادگی!
توجه داشته باشید: را location.reload()
متد یک پارامتر اختیاری را می پذیرد. اگر آن را تنظیم کنید true
، بارگذاری مجدد را از سرور اجباری می کند. اگر آن را تنظیم کنید false
یا آن را خالی بگذارید، در صورت موجود بودن، از کش مرورگر دوباره بارگیری می شود.
بارگذاری مجدد اجباری در مقابل بارگذاری مجدد عادی
هنگامی که شما a page با استفاده از جاوا اسکریپت، دو گزینه دارید: بارگذاری مجدد معمولی و بارگذاری مجدد نیرو.
آ بارگذاری مجدد عادی هنگام تماس اتفاق می افتد location.reload()
بدون هیچ استدلال یا با الف false
بحث و جدل. در این صورت، مرورگر سعی می کند تا آن را دوباره بارگذاری کند page از کش آن این می تواند سریعتر باشد، اما ممکن است جدیدترین نسخه را دریافت نکند page از سرور
window.location.reload(); // normal reload
window.location.reload(false); // also a normal reload
آ بارگذاری مجدد نیرو، روی از سوی دیگر، زمانی رخ می دهد که شما تماس بگیرید location.reload()
با یک true
بحث و جدل. این کار مرورگر را مجبور می کند تا کش خود را دور بزند و درخواست کند page از سرور این تضمین می کند که جدیدترین نسخه را دریافت کنید page، اما ممکن است به دلیل درخواست سرور کندتر باشد.
window.location.reload(true); // force reload
بنابراین، اینکه آیا می خواهید از بارگذاری مجدد معمولی یا بارگذاری مجدد نیرو استفاده کنید بستگی دارد روی نیازهای خاص شما و رفتاری که می خواهید به آن برسید.
بارگذاری مجدد صفحه پس از یک زمان خاص
مواردی وجود دارد که ممکن است بخواهید a را مجدداً بارگیری کنید page بعد از یک زمان مشخص این می تواند در سناریوهایی مانند یک وب سایت خبری که در آن می خواهید محتوا را هر چند دقیقه یک بار به روز کنید یا یک حراج آنلاین که می خواهید وضعیت پیشنهاد فعلی را به روز کنید مفید باشد. یا شاید بخواهید آخرین کد را از سرور دریافت کنید در صورتی که برنامه به روز شده است.
برای بارگذاری مجدد a page پس از یک زمان خاص، می توانید از آن استفاده کنید setTimeout()
عملکرد در جاوا اسکریپت این تابع دو پارامتر دارد: تابعی که باید اجرا شود و تاخیر قبل از اجرا (بر حسب میلی ثانیه).
در اینجا یک مثال است:
setTimeout(function(){
location.reload();
}, 5000);
در این مثال، page هر 5 ثانیه (5000 میلی ثانیه) بارگذاری مجدد می شود.
فقط به یاد داشته باشید که مکرر page بارگذاری مجدد می تواند برای کاربر آزاردهنده باشد و پهنای باند بیشتری مصرف کند. همیشه اطمینان حاصل کنید که فرکانس بارگذاری مجدد برای برنامه شما مناسب و ضروری است.
بارگذاری مجدد یک صفحه بر اساس روی رویداد کاربر
گاهی اوقات، ممکن است بخواهید یک را دوباره بارگیری کنید page مستقر روی یک رویداد کاربر خاص، مانند یک کلیک دکمه، ارسال فرم، یا یک تعامل خاص.
سناریویی را در نظر بگیرید که در آن یک دکمه دارید و می خواهید آن را دوباره بارگیری کنید page هنگامی که این دکمه کلیک می شود. شما می توانید با استفاده از onclick
رویداد در جاوا اسکریپت
در اینجا یک مثال ساده آورده شده است:
<button onclick="location.reload();">Reload Page</button>
در این مثال، page هر بار که روی دکمه کلیک می شود بارگیری مجدد می شود.
نتیجه
در این بایت، روش استفاده از جاوا اسکریپت برای بارگذاری مجدد a را بررسی کرده ایم page پس از یک بازه زمانی مشخص و بر اساس روی رویدادهای کاربر خاص در حالی که این روش ها می توانند بسیار مفید باشند، مهم است که تجربه کاربر و ضرورت بارگذاری مجدد در برنامه خاص خود را در نظر بگیرید.
منتشر شده در 1402-12-29 09:42:03