ok yang ke2 ini adalah script pertama yang dimodifikasi agar saat file
yang kita simpan bisa langsung keliatan, jadi kita nga ragu lagi apa kah
data yang kita simpan ke database benar" tersimpan dengan benar kedalam
database ok langsung aja nga pake lama" ok gan langung ke TKP...
buat agan yang belum punya file proses pengolahan data dengan AJAX 1 saya akan buat dari awal lagi aja deh, pepatah bilang bantulah saudaramu mulai dari yang terkecil sampai dengan selesai.. pepatah siapa tuh.. heheh ngarang aja gw.....
kita buat file yang nama tampil.php aja ya gan.. tapi klo gan punya nama sendiri juga nga papa..xixixi
<html>
<head>
<script src="jquery-1.4.js"></script> <!--file ini bisa di dapet dari download file-->
<script>
$(document).ready(function(){
// nah ini yang kita modif ya itu membuat fiel menampilkan data langsung ke form ok
function tampildata(){
$.ajax({
type : "POST",
url : "proses.php",
data : "aksi=tampil",
success : function(data){
$('#tampilkan').html(data);
}
});
}
// jalankan fungsi tampil data
tampildata();
//yang dibawah ini hampir sama dengan proses ajax1 yang kita bikin sebelumnya hanya modif dikit
$('#simpan').click(function(){
//ambil value data dari form
var nama = $('#nama').val();
var pesan = $('#pesan').val();
//kirim dengan metode post ke proses.php
$.ajax({
type: "POST",
url: "proses.php",
// apabila dari 1 data dikirimkan, pesahkan dengan simbol &
// nah di sini sedikit modif nya kita tambahkan nilai tambah
data : "aksi=tambah&nama="+nama+"&pesan="+pesan,
success: function(data){
$("#info").html(data);
// nah disini juga ada modif ya itu kita panggil fungsi tampilakn data dengan cara
tampildata();
}
});
});
});
</script>
<head>
<body>
Nama : <input type="text" id="nama"/><br/>
Pesan : <input type="text" id="pesan" size="50"><br/>
<input type="submit" value="Simpan" id="simpan"/>
<div id="info"></div><hr>
<!--nah di sini dimana data akan di show ook-->
<ul id="tampilkan"></ul>
</body>
</html>
selesai dengan file pertama kita buat lagi file ke dua yaitu proses.php nah klo yang ini jangan di ganti ya nama file nya ntar malah nga jalan script nya klo gan ganti awas lo di ganti gw bilangin emak gw.. hheheheheheh
proses.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("test");
// nah di sini letak modifikasi nya yan gan coba bedain aja sama file yang pertama kita buat pasti beda
if($_POST['aksi']=='tampil'){
$tampil=mysql_query("select * from anggota order by id_pesan");
while($r=mysql_fetch_array($tampil)){
echo "<li><b>$r['nama']</b> : $r['pesan']
(<i>$r['tanggal']</i></li>)";
}
} elseif($_POST['aksi']=='tambah'){
$nama = $_POST['nama'];
$pesan = $_POST['pesan'];
$query=mysql_query("insert into anggota(nama,pesan) values ('".$nama."','".$pesan."')");
if($query){
echo "Data berhasil disimpan..";
} else{
echo "Data gagal di simpan..";
}
}
?>
nah selesai juga deh hahah pegel juga ... huft klo gitu langsunga aja gan di test script dah mudah"an bisa ya klo ada masalah tolong komen ya biar saya bisa betulkan heheh maklum manusia tidak bisa lepas dari kesalahan dan kehilafan manusia kan diciptakan untuk belajar gimana bisa belajar jika kita pernah salah makannya dari itu di test ya... hehehe... ngeles aja nih gw ... good luck deh selamat mencoba nya ya... bye
buat agan yang belum punya file proses pengolahan data dengan AJAX 1 saya akan buat dari awal lagi aja deh, pepatah bilang bantulah saudaramu mulai dari yang terkecil sampai dengan selesai.. pepatah siapa tuh.. heheh ngarang aja gw.....
kita buat file yang nama tampil.php aja ya gan.. tapi klo gan punya nama sendiri juga nga papa..xixixi
<html>
<head>
<script src="jquery-1.4.js"></script> <!--file ini bisa di dapet dari download file-->
<script>
$(document).ready(function(){
// nah ini yang kita modif ya itu membuat fiel menampilkan data langsung ke form ok
function tampildata(){
$.ajax({
type : "POST",
url : "proses.php",
data : "aksi=tampil",
success : function(data){
$('#tampilkan').html(data);
}
});
}
// jalankan fungsi tampil data
tampildata();
//yang dibawah ini hampir sama dengan proses ajax1 yang kita bikin sebelumnya hanya modif dikit
$('#simpan').click(function(){
//ambil value data dari form
var nama = $('#nama').val();
var pesan = $('#pesan').val();
//kirim dengan metode post ke proses.php
$.ajax({
type: "POST",
url: "proses.php",
// apabila dari 1 data dikirimkan, pesahkan dengan simbol &
// nah di sini sedikit modif nya kita tambahkan nilai tambah
data : "aksi=tambah&nama="+nama+"&pesan="+pesan,
success: function(data){
$("#info").html(data);
// nah disini juga ada modif ya itu kita panggil fungsi tampilakn data dengan cara
tampildata();
}
});
});
});
</script>
<head>
<body>
Nama : <input type="text" id="nama"/><br/>
Pesan : <input type="text" id="pesan" size="50"><br/>
<input type="submit" value="Simpan" id="simpan"/>
<div id="info"></div><hr>
<!--nah di sini dimana data akan di show ook-->
<ul id="tampilkan"></ul>
</body>
</html>
selesai dengan file pertama kita buat lagi file ke dua yaitu proses.php nah klo yang ini jangan di ganti ya nama file nya ntar malah nga jalan script nya klo gan ganti awas lo di ganti gw bilangin emak gw.. hheheheheheh
proses.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("test");
// nah di sini letak modifikasi nya yan gan coba bedain aja sama file yang pertama kita buat pasti beda
if($_POST['aksi']=='tampil'){
$tampil=mysql_query("select * from anggota order by id_pesan");
while($r=mysql_fetch_array($tampil)){
echo "<li><b>$r['nama']</b> : $r['pesan']
(<i>$r['tanggal']</i></li>)";
}
} elseif($_POST['aksi']=='tambah'){
$nama = $_POST['nama'];
$pesan = $_POST['pesan'];
$query=mysql_query("insert into anggota(nama,pesan) values ('".$nama."','".$pesan."')");
if($query){
echo "Data berhasil disimpan..";
} else{
echo "Data gagal di simpan..";
}
}
?>
nah selesai juga deh hahah pegel juga ... huft klo gitu langsunga aja gan di test script dah mudah"an bisa ya klo ada masalah tolong komen ya biar saya bisa betulkan heheh maklum manusia tidak bisa lepas dari kesalahan dan kehilafan manusia kan diciptakan untuk belajar gimana bisa belajar jika kita pernah salah makannya dari itu di test ya... hehehe... ngeles aja nih gw ... good luck deh selamat mencoba nya ya... bye
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.