Hallo assalamualaikum... teman-teman dan sahabat semua,, semoga dalam lindungan allah swt, dan di mudahkan segala urusannya,, amin..  Pada artikel kali ini saya akan memberikan pengetahuan dan tips/cara seputar dunia programming atau pemograman, semoga teman-teman semua masih semangat dalam belajarnya. sebelum kita masuk dalam pembahasan mengenai dalam membuat perintah refresh atau reset form inputan, maka saya akan menjelaskan sekilas mengenai apa itu javascript, mungkin di antara teman-teman semua sudah tau. Lalu apa itu javascript..?. Javascript adalah suatu kode pemograman yang digunakan sebagai dan sekaligus mengendalian sebuah website agar tampil dinamis. suatu konten website yang di sebut dunamis adalah suatu apapun yang bergerak atau mengubah yang tampil di layar interface, tanpa mengharuskan anda memuat ulang secara manual. Berikut diatas saya menjelaskan secara singkat mengenai javascript, semoga dapat menambah pengetahuan teman-teman semua. dan kita saya akan masuk dalam pembahasan mengenai judul konten yang saya buat. 1. Bautlah sebuah file index.php, dan atau teman-teman bisa copy script code yang ada pada di bawah ini: Catatan: Untuk coding javasript untuk proses refresh form input, letahkan coding javascript dibawah ini sebelum </body> teman-teman bisa copy script code javascript-nya di bawah ini: Dan untuk button Refresh-nya tambahkan code dimana untuk mengeksekusi dari javascriptnya, teman-teman bisa copy dan letahkan di button Refresh. Berikut diatas contoh membuat perintah Refresh/Reset dengan menggunakan javascript, semoga dapat membantu teman-teman semua dan bermanfaat bagi pembaca lainnya,, Selamat mencoba dan sampai jumpa pada tutorial selanjutnya. 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.phpFile text.php ini adalah file yang akan di refresh. Kita dapat menggantinya dengan kode tampilan tabel database atau lainnya. Saya hanya menampilkan simulasi saja. <?php echo "Teks Area Ini Yang Di Refresh" ?> Demikianlah tutorial kali ini. Semoga Bermanfaat. Jangan Lupa Komentar |
Membuat tombol refresh di php
Pos Terkait
Copyright © 2024 toptenid.com Inc.
