nah sekarang kita belajar tentang metode pengiriman data mengunakan jquery ok langungsung aja nga pake basa-basi lagi ok..
<html>
<head>
<script>
$(document).ready(function(){
$('#submit').click(function(){
var nama = $('#nama').val();
$.ajax({
type:"GET",
url : "get_selamat.php",
data : "nama=" + nama,
success: function(data){
$('#tampilkan').html(data);
}
});
});
});
</script>
</head>
<body>
Masukan nama Anda :
<input type="text name="nama" id="nama"/>
<input type="submit" value="Proses" id="submit"/>
<div id="tampilkan"></div>
</body>
</html>
nah sudah membuat file di atas sekarang kita akan melanjutkan dengan membuat satu file lagi dimana data itu akan diproses ok, oh iya file yang kita buat ini harus sama dengan url dari file yang kita buat diatas ok yaitu get_selamat.php. klo dah paham sip dah
<?php
$nama = $_GET['nama'];
echo "Selamat Datang,$nama";
?>
dari script diatas itu sangat, bisa kita modif untuk menyimpan ke database tinggal modif script get_selamat.php seperti yang telah saya posting sebelum ini.. jadi tinggal di kreasikan aja gan.. selamat mencoba ok.. CHAYO...
<html>
<head>
<script>
$(document).ready(function(){
$('#submit').click(function(){
var nama = $('#nama').val();
$.ajax({
type:"GET",
url : "get_selamat.php",
data : "nama=" + nama,
success: function(data){
$('#tampilkan').html(data);
}
});
});
});
</script>
</head>
<body>
Masukan nama Anda :
<input type="text name="nama" id="nama"/>
<input type="submit" value="Proses" id="submit"/>
<div id="tampilkan"></div>
</body>
</html>
nah sudah membuat file di atas sekarang kita akan melanjutkan dengan membuat satu file lagi dimana data itu akan diproses ok, oh iya file yang kita buat ini harus sama dengan url dari file yang kita buat diatas ok yaitu get_selamat.php. klo dah paham sip dah
<?php
$nama = $_GET['nama'];
echo "Selamat Datang,$nama";
?>
dari script diatas itu sangat, bisa kita modif untuk menyimpan ke database tinggal modif script get_selamat.php seperti yang telah saya posting sebelum ini.. jadi tinggal di kreasikan aja gan.. selamat mencoba ok.. CHAYO...
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.