Javascript Refresh Page After Submit Form

Beberapa blogger terkadang membutuhkan penayangan tambahan untuk blog miliknya. Salah satunya adalah dengan melipat gandakan jumlah tampilan laman menggunakan auto refresh.

Bagaimana tidak, jika seharusnya total kunjungan ada 100 orang, maka akan bertambah menjadi 200 orang.

Namun kita juga harus bersikap adil terhadap sesuatu yang kita sajikan, jangan sampai kita ditinggalkan pengunjung gara-gara posting yang tidak bermutu, lebih-lebih mereka sedang membuka dengan koneksi yang super lemot.

Nah, menurut saya auto refreh ini sah-sah saja kita manfaatkan untuk jenis posting tertentu. Misalnya apabila pengunjung diharuskan berpindah halaman, seperti dalam pengiriman informasi pada form.

Saya sering menggunakan trik ini, tapi dulu. Setelah sekian lama saya tinggalkan kini akan saya ulas kembali cara me-reload halaman setelah submit form.

Intinya, apa yang akan saya bagikan sekarang adalah bagaimana caranya kita bisa me-refresh halaman formulir setelah formulir pergi dengan atribut target _blank

Jadi, ketika Anda mengirimkan formulir POST ini untuk hasil.php di jendela baru atau new tab. Ini akan meninggalkan halaman formulir. Nah disini kita akan coba memuat ulang halaman formulir secara otomatis setelah klik submit,

Caranya Anda cukup menambahkan onsubmit="setTimeout(function () { window.location.reload(); }, 10)" didalam HTML FORM.

Contoh sederhana seperti ini:
<form onsubmit="setTimeout(function () { window.location.reload(); }, 10)" method="POST" action="hasil.php" target="_blank">
<label for="name">Nama:</label>
<input type="text" name="name" />
<label for="email">Email:</label>
<input type="email" name="email" />
<input type="submit" value="Submit" />
</form>

DEMO

URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini