Hallo...
Semangat Pagi !
Sebelumnya saya ucapkan terimakasih ke pada anda yang telah berkunjung ke blog saya hari ini. semoga kontent yang terdapat di blog saya dapat berguna untuk anda.
Kali ini saya akan posting membuat halaman web tanpa refresh, dengan menggunakan Jquery.
Pengertian :
JQuery sendiri adalah kumpulan AJAX yang digabungkan menjadi sebuah kerangka yang siap digunakan oleh pengembang web newbie tanpa harus mengetahui Javascript secara mendalam.
Alat & Bahan :
1. Laptop / Komputer.
2. Sublime Text.
3. jquery.min.js
Tahap Pelaksanaan :
Tahap pertama membuat halaman dengan nama home.php
<html>
<head>
<title>Load tanpa refresh</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" >
</script>
<script type="text/javascript">
$(document).ready(
function(){
$("#klikdata").click(function(){
$("#tampung").load("load.php");
});
}
);
</script>
</head>
<body>
<center>
<h1>Dibawah sini adalah tempat load data dari file text.html</h1>
<a href="#" id="klikdata">Tampil Data</a><br />
<div id="tampung"></div>
</center>
</body>
</html>
Simpan di dalam htdocs.
Lalu tahap kedua membuat file yang akan di load oleh file di atas, kita buat filenya dengan nama load.php
berikut script nya
<html>
<head>
</head>
<body>
<h1>Tampilan ini berasal dari halaman load</h1>
</body>
</html>
dalam javascript, variabel yang di ambil berasal dari id, berbeda dengan php bukan.
Referensi :
http://dadan-setia.blogspot.co.id/2011/11/me-load-halaman-tanpa-refresh-dengan.html
Penutup :
Selamat mencoba dan selamat belajar !
Silahkan mencoba dan
1 comments:
Write commentsSalah satu keuntungan Ajax adalah Aplikasi Ajax dapat dibangun untuk memungkinkan transisi yang mudah antar halaman web ke pengguna dibanding menggunakan kembali tombol “back” & “forward” konvensional yang ada di browser. Terima kasih pak, artikelnya sangat bermanfaat
ReplyKunjungi web kampus saya : Atma Luhur
Kunjungi web saya : Rismawati