روشهای مختلف Refresh کردن صفحه با Javascript



visibility  
mode_comment   ۷

روشهای مختلف Refresh کردن صفحه با Javascript

در این مطلب میخوایم روشهای مختلفی که با استفاده از اون میتونین صفحه مرورگر رو با استفاده از Javascript رفرش یا Refresh کنید، بهتون آموزش بدم.

روشهای زیادی برای انجام اینکار وجود داره ولی میشه گفت اصلی ترین اونا استفاده از location.reload هست که با استفاده از اون میتونین صفحه رو Refresh کنید. برای اینکار بصورت زیر عمل میکنیم:

زمانی که این متد رو بدون هیچ ورودی فراخوانی میکنیم، بصورت پیش فرض false در نظر گرفته میشه و Refresh عادی انجام میشه و اطلاعات از کش خونده میشه و از سرور دریافت نمیشن. اما اگر میخواید Hard refresh کنید و اطلاعات و فایلها مجددا از سرور دریافت بشن، میتونین بصورت زیر عمل کنید:

به همین راحتی.

روشهای دیگه ای هم وجود داره که میتونین از اونا استفاده کنید:

  • history.go(0)
  • location.href = location.href
  • location.href = location.pathname
  • location.replace(location.pathname)
  • window.location = window.location
  • window.self.window.self.window.window.location = window.location
  • و ...

جالبه که بدونین 534 روش دیگه! هم وجود داره که میتونین این کار رو انجام بدین و صفحه رو با استفاده از javascipt رفرش کنید. برای مشاهده این روشها میتونین این لینک رو ببینید.

به همین راحتی.

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back
comment دیدگاه کاربران
فاطمه replyپاسخ

با سلام و تشکر از مطالب خوبتون
چطور میشه کدی بنویسیم که هر 20 ثانیه صفحه رو رفرش کنه؟

masoudrad

هم با متا تگ ها میشه:

هم با javascript:
$(document).ready(function() {
setInterval(function() {
cache_clear()
}, 20000);
});

function cache_clear() {
window.location.reload(true);
// window.location.reload(); use this if you do not remove cache
}
البته باید قبلش jquery رو با استفاده از چنین کدی:

به سایتتون اضافه کنین.

محمد اسفندیاری

سلام برای اینکار فقط کافیه که یک متاتگ در قسمت head سایتتون قرار بدین. بصورت زیر:

<meta http-equiv="refresh" content="30">

با اینکار صفحه شما هر 30 ثانیه یکبار بصورت اتوماتیک رفرش میشه

masoudrad replyپاسخ

اضافه کردن jquery به وبسایت

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
فاطمه replyپاسخ

ممنونم دوستان

zohre mehran replyپاسخ

سلام دوستان من میخوام دفعه اول که کاربر وارد یکی از صفحات سایتم میشه اگه روی یک تگ a کلیک کرده باشه صفحه رفرش نشه در غیر این صورت رفرش بشه ممنون میشم راهنماییم کنید

محمد اسفندیاری

شما میتونین با استفاده از Cookie یا Localstorage یا … زمانی که کاربر بر روی لینک مورد نظر کلیک میکنه، یک کلید و مقدار رو ذخیره کنید و با توجه به اونا تصمیم بگیرید که نیاز به رفرش صفحه هست یا خیر…
در صورت نیاز به رفرش کردن میتونین با استفاده از یکی از روشهای بالا این کار رو انجام بدین و صفحه مورد نظر رو رفرش کنید.
موفق باشید

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :