Javascript Sayfa Yenileme – Javascript ile Refresh İşlemi Nasıl Yapılır?

Javascript, 2023 yılıyla beraber hala Web geliştirme sektörünün en önemli dili olarak konumunu sürdürüyor. Javascript betik dili ile Web API’larından tutun her türlü DOM işlemini yapmak mümkün. Bu yazımızda Javascript ile refresh işlemi nasıl yapılır, sayfa nasıl yenilenir, Javascript sayfa yenileme konularına değineceğiz.

Sayfa Yenileme Nedir?

Sayfa yenileme, aktif olan pencerenin tekrar yüklenmesi anlamına gelir. Genellikle kısayol olarak F5 tuşuyla çalışan yenileme işlemi birçok işlem için kullanılır. Örneğin sayfa donduysa yenileyerek tekrar yükleyebiliriz. Programlama ile sayfa yenileme ise biraz daha farklı bir olaydır. Bu olay genellikle kullanıcı izni ile olmadan arkada çalışır. Mesela bir E-Ticaret sitesinde sepeti boşalt tuşuna basıyoruz, bu tuşa bastıktan sonra sayfa yenilenebilir. Tabi ki artık Javascript ile sayfa yenileme çok tercih edilen bir yöntem değil çünkü mümkün olan en az sayıda yenileme en iyisidir. Kullanıcılar sayfanın sürekli kendini yenileyip beklemeyi istemez. Lakin yine de Javascript ile sayfa yenileme yöntemini bilmek çok ama çok önemlidir.

Javascript Sayfa Yenileme Nasıl Yapılır?

Javascript ile sayfa yenileme aşağıdaki tek satır kodla yapılabilir.

location.reload()

Görüldüğü üzere çok basit. React gibi ortamlarda çalışırken hata alırsanız da aşağıdaki gibi kullanabilirsiniz.

window.location.reload()

Eğer bu işlemi zaman ayarlı yapmak istersek de setTimeout() kullanmalıyız. Bunu da şu şekilde yapabiliriz.

setTimeout(() => { window.location.reload() }, 2000); // 3 Saniye sonra sayfayı yeniler

Tek satırla tüm işlemlerimizi kolay bir şekilde hallettik. Yeni yazılarda görüşmek üzere, hoşça kalın.