Reload halaman dengan javascript

Saya adalah seorang mahasiswa baru di salah satu perguruan tinggi swasta yang ada di yogyakarta. Hubungi saya: [email protected]

Table of Contents Show

1. Buat file index.php
2. Buat file text.php
1. Cara Pertama (Refresh/Reload menuju ke link lain) :
2. Cara Pertama (Refresh/Reload menuju ke link lain) dengan waktu
Pengenalan Code JavaScript Reload Browser
Code JavaScript Reload Browser

membuat auto reload/refresh suatu halaman dengan javascript

Sabtu, 27 Juli 2019 Edit

Assalaamualaikum..

cara membuat suatu halaman auto refresh atau reload dengan javascript, misalkan per 3 detik halaman tersebut akan merefresh sendiri..

Tinggal tambahkan ini di view nya

Bagikan Artikel ini

Berikut adalah cara merefresh halaman web namun hanya sebagian. Terkadang kita membutuhkan merefresh suatu bagian pada halaman website yang kita buat tanpa perlu mereload keseluruhan halaman. Hal ini berguna untuk mempercepat performa dari website atau sistem informasi kita. Ini umumnya digunakan pada saat mengupdate data lalu kita perlu melakukan refresh karena data telah berhasil dibuat. Berikut adalah simulasi refresh otomatis yang saya buat dengan menggunakan php, javascript, dan ajax. semoga bermanfaat

Caranya adalah sebagai berikut

1. Buat file index.php

<html>
<head>
<title></title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
<script type="text/javascript">
$(document).ready(function () {
	var id = 1;
    $("#refres").click(function () {
        $.ajax({
   url:"text.php",
   method:"POST",
   data:{id:id},
   success:function(data){
$('#Container').html(data);
alert('Berhasil Refresh');
   }
  });
    });
	
});
</script>
<body>
<button value="Refresh" id="refres">REFRESH</button>
<div id="Container" style="width:300px; text-align:center; height:100px; border: 1px solid black">
<?php include "text.php" ?>
</div>

</body>
</html>

2. Buat file text.php

File text.php ini adalah file yang akan di refresh. Kita dapat menggantinya dengan kode tampilan tabel database atau lainnya. Saya hanya menampilkan simulasi saja.

Bagi anda yang ingin membuat web buatan anda atau cms seperti wordpress maupun blogspot sekalipun, anda dapat dengan mudahnya membuat website anda reload otomatis. Baik itu reload di halaman secara tetap (refresh), maupun reload ke halaman lain. Atau reload ke halaman lain dalam waktu tertentu. misal dalam beberapa detik akan dialihkan ke halaman lain.

Ada beberapa cara mudah untuk mereload halaman web secara otomatis. Antara lain adalah sebagai berikut.

1. Cara Pertama (Refresh/Reload menuju ke link lain) :

Letakkan kode berikut di mana saja. Baik sebelum tag atau di antara tag dan

<script>
 setTimeout('location.href=\"https://websit-lainxxx.com/index"' ,0);
</script>

2. Cara Pertama (Refresh/Reload menuju ke link lain) dengan waktu

Letakkan kode berikut di mana saja. Baik sebelum tag atau di antara tag dan

<script>
 setTimeout('location.href=\"https://websit-lainxxx.com/index"' ,40000);
</script>

Penjelasan kode : Kode 40000 tersebut adalah waktu refresh setiap 40 Detik (1 Detik = 1000). Jika anda ingin mengubahnya menjadi 20 detik. ubah kode menjadi 20000. https://websit-lainxxx.com/index adalah tujuan refresh.

Pengenalan Code JavaScript Reload Browser. Hai ! Tutorial lalu kita sudah mempelajari tentang Pengenalan Code Javascript Alert System, jika anda ingin lebih jelas mengenal JavaScript anda bisa mengunjungi halaman berikut https://www.dicloud.id/tutorial/categories/javascript, disini kita akan mempelajari tentang Pengenalan Code JavaScript Reload Browser, berikut penjelasannya :

Pengenalan Code JavaScript Reload Browser

disini kita akan mempelajari tentang Pengenalan Code JavaScript Reload Browser, berikut penjelasannya :

Code JavaScript Reload Browser

Disini saya akan memberikan contoh code JavaScript Ubah Code JavaScript Reload Browser pada sebuah file website, berikut contoh nya:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<button type="button" onclick="location.reload()">CLICK ME!</button>

</body>

</html>

Dan akan menghasilkan hasil seperti gambar dibawah ini :

Disini jika kita kli tombol Click Me , maka browser akan reload dengan otomatis dikarenakan kita menggunakan code javascript yang biasa digunakan untuk refresh browser, code nya adalah location.reload(); , code ini biasa digunakan pada saat conection lambat , download,reload browser.