روشهای مختلف 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 رفرش کنید. برای مشاهده این روشها میتونین این لینک رو ببینید.

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

comment دیدگاه کاربران
فاطمه

با سلام و تشکر از مطالب خوبتون
چطور میشه کدی بنویسیم که هر 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

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

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

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

zohre mehran

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

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

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.