Cara Membuat Auto Refresh Halaman dengan PHP

Cara membuat auto refresh halaman dengan PHP pada page html agar dapat melakukan loading atau reload secara otomatis meskipun dalam keadaan standby menggunakan javascript ajax atau script php. Membuat auto refresh php memiliki tujuan untuk mengetahui update data secara async atau not realtime update dengan parameter waktu tertentu pada halaman browser. Sehingga refresh halaman otomatis ini akan memberikan informasi terkini kepada pengguna karena data yang dinamis akan auto update secara periodik sesuai parameter yang ditentukan. Dalam melakukan auto refresh halaman sebuah web browser diperlukan parameter waktu misalnya 10 detik, maka 10 detik itulah interval waktu periodiknya, sehingga akan otomatis refresh page setiap 10 detik. Jadi kita perlu membuat atau memasukkan parameter waktu interval tersebut ke dalam sebuah halaman web baik secara statis maupun dinamis.

Tutorial cara membuat auto refresh halaman dengan php sebetulnya tersedia beberapa metode atau alternatif baik pada kode html, script function javascript atau ajax, script dinamis php. Misalnya dengan menyisipkan langsung parameter waktu pada meta tag content kode html, membuat dokumen function dengan javascript, atau menggunakan parameter dinamis dengan php. Akan tetapi yang perlu diperhatikan dari sekian metode atau alternatif tersebut adalah syntax dasar kode program untuk membuat auto refresh halaman pada web browser.

Cara Membuat Auto Refresh Halaman dengan PHP

auto refresh page php

cara membuat auto refresh halaman dengan php

Penjelasan cara membuat auto refresh halaman dengan php ini akan kita bahas menjadi beberapa bagian, mulai dari syntax dasar kode program, implementasi pada kode html, script php hingga dokumen function javascript.

Syntax dasar kode program auto refresh page
Membuat auto refresh halaman pada kode html
Auto refresh halaman dengan php
Auto refresh page javascript ajax.

Syntax Dasar Kode Program Auto Refresh Page

Syntax program auto refresh page html adalah menggunakan meta tag html dengan attribute http-equiv dan attribute content, dimana meta tag ini diletakan di antara tag head. Lebih jelasnya untuk http-equiv meta perhatikan syntax kode program auto refresh html di bawah ini.

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

Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi sebagai pemberi informasi metadata dari sebuah halaman web. Dimana elemen meta ini harus diletakkan pada bagian head dalam sebuah dokumen HTML tersebut.

Kemudian atribut http-equiv akan menyediakan header HTTP untuk informasi atau nilai atribut konten, sedangkan attribute content berisi value parameter waktu untuk melakukan respon.

Atribut http-equiv dapat digunakan untuk mensimulasikan header respons HTTP, dan tidak hanya respon refresh saja, bisa juga yang lain seperti content-type, default-style, dan content-security-policy.

Membuat Auto Refresh Halaman pada Kode HTML

Tutorial cara membuat auto refresh halaman dengan php dapat dilakukan pada kode html atau xhtml sebagaimana syntax kode program auto refresh di atas. Hal yang perlu diperhatikan adalah pada penempatan elemen meta, respon value untuk atribut http-equiv, dan value untuk atribut content.

Simpan sebagai index.html

<html>
	<head>
		<meta http-equiv="refresh" content="10"/>
		<title>Cara Membuat Auto Refresh Halaman dengan PHP</title>
	</head>
	<body>
		<p align="center">Auto Refresh Page HTML</p>
	</body>
</html>

Perhatikan kode program baris ke-3 yaitu <meta http-equiv="refresh" content="10"/> artinya respon yang diinstruksikan oleh atribut http-equiv adalah "refresh" dengan nilai content adalah "10". Maka ketika dokumen HTML tersebut dijalankan pada web browser, secara otomatis akan melakukan refresh halaman dengan sendirinya secara periodik dengan interval waktu tiap 10 detik.

Membuat Auto Refresh Halaman dengan PHP

Cara membuat auto refresh halaman dengan php secara syntax program sama saja seperti pada kode html, hanya saja terdapat sedikit perbedaan cara memberikan instruksi dan value pada atribut. Pada kode php, respons atribut http-equiv dapat didefinisikan dulu ke dalam sebuah variabel, demikian juga untuk value atribut content, setelah itu baru panggil variabel ke dalam atribut.

Simpan sebagai index.php

<?php
	$respon	="refresh";
	$waktu	=5;
?>
<html>
	<head>
		<meta http-equiv="<?=$respon?>" content="<?=$waktu?>"/>
		<title>Cara Membuat Auto Refresh Halaman dengan PHP</title>
	</head>
	<body>
		<p align="center">Auto Refresh Page HTML</p>
	</body>
</html>

Variabel $respon dengan nilai string "refresh" akan diberikan kepada atribut http-equiv sebagai respon, sedangan variabel $waktu adalah nilai interval waktu untuk refresh halaman. Kemudian sisipkan variabel php tersebut kedalam meta tag pada blok program <meta http-equiv="<?=$respon?>" content="<?=$waktu?>"/>.

Membuat Auto Refresh Page dengan Javascript

Cara membuat auto refresh page dengan javascript sedikit berbeda dengan cara pada kode html atau php, pada javascript perlu dibuatkan sendiri function refresh page nya. Jadi pada dokumen html tidak perlu lagi menggunakan meta tag respons atribut http-equiv refresh, namun cukup tambahkan blok kode function javascript untuk refresh.

<script type="text/javascript">
    window.setTimeout( function() {
		window.location.reload();
	}, 3000);
</script>

Sisipkan blok kode program function javascript auto refresh page tersebut ke dalam dokumen html, boleh pada blok awal kode html boleh juga pada bagian akhir kode html.

Cara Membuat Auto Refresh Halaman dengan PHP

Sekian penjelasan tentang tutorial refresh halaman otomatis di php yaitu cara membuat auto refresh halaman dengan php menggunakan beberapa metode baik pada kode html atau function javascript ajax dan script php. Jika terjadi gagal atau error atau tidak berjalan berhasil, silahkan hubungi kami melalui live chat atau form komentar. Semoga dapat membantu.

Baca juga :

Cara Membuat Auto Refresh Halaman dengan PHP

Tags: membuat auto refresh php, membuat auto refresh html, auto refresh page php, refresh halaman otomatis php, cara membuat auto refresh halaman dengan php

Cara Membuat Auto Refresh Halaman dengan PHP

Cara Membuat Auto Refresh Halaman dengan PHP

Cara Membuat Auto Refresh Halaman dengan PHP

Cara Membuat Auto Refresh Halaman dengan PHP

Cara Membuat Auto Refresh Halaman dengan PHP

Reliable

Advertise

Archive

Payment & Donation

Live Chat