Assalamaualaikum wr.wb
maaf sebelumnya saya sudah jarang posting di blog ini .
karena saya masih sibuk dengan tugas-tugas saya di dunia nyata .
hufft sekarang saya akan mencoba memberikan sedikit palajaran kepada kalian yang lagi belajar ajax dari dasar .
sebelum anda menggunakan tutorial ini anda harus mempunyai dulu master jquery .
karena ajax yang ini membutuhkan sebuah jquery .
coba download di jquery.com
maaf tidak membagi link downloadnya .
karena saya juga buru-buru dalama penulisana artikel ini .
ok langsung saja kita mulai dengan dasar kode yaitu HTML .
pertama buat file yang di mana file tersebut di isi menggunakan kode html dan php .
ni contoh sederhana .
Nama : <input type="text" id="nama">
Email : <input type="text" id="email">
jadi di dlam ajax kita tidak menuliskan form action juga tidak papa .
intinya di ambil adalah id dan class .
jangan lupa setiap membuat sebuah input harus ada id .
itu di gunakan untuk pengambilan data di ajax jquery .
nie contoh sederhanan dari jquery ajax .
<script>
$(functiom() {
var nama = $("#nama");
var email = $("#email");
$.ajax ({
url : "input.php",
cahce : false,
data : "nama="+nama+"&email="=email,
method : "POST",
success : function(msg) {
$("#tampil").html($msg);
}
});
});
</script>
pada bagian $("#tampil")
itu anda bisa membuat div yang ber id tampil
<div id="tampil">
</div>
simpan html dan ajax dalam 1 file html ,
pada bagian input.php .
adalah file proses ,
anda tinggal membuat sebuah file input.php yang berisi .
contoh :
<?php
echo $_POST['nama'];
echo "<br>":
echo $_POST['email'];
?>
nie cuma contoh saja . semoga saja anda bisa mengembangkan sendiri .
sekian tutorial dari sya bila ada kesalahan dalam penulisan script mohon di maafkan
maaf sebelumnya saya sudah jarang posting di blog ini .
karena saya masih sibuk dengan tugas-tugas saya di dunia nyata .
hufft sekarang saya akan mencoba memberikan sedikit palajaran kepada kalian yang lagi belajar ajax dari dasar .
sebelum anda menggunakan tutorial ini anda harus mempunyai dulu master jquery .
karena ajax yang ini membutuhkan sebuah jquery .
coba download di jquery.com
maaf tidak membagi link downloadnya .
karena saya juga buru-buru dalama penulisana artikel ini .
ok langsung saja kita mulai dengan dasar kode yaitu HTML .
pertama buat file yang di mana file tersebut di isi menggunakan kode html dan php .
ni contoh sederhana .
Nama : <input type="text" id="nama">
Email : <input type="text" id="email">
jadi di dlam ajax kita tidak menuliskan form action juga tidak papa .
intinya di ambil adalah id dan class .
jangan lupa setiap membuat sebuah input harus ada id .
itu di gunakan untuk pengambilan data di ajax jquery .
nie contoh sederhanan dari jquery ajax .
<script>
$(functiom() {
var nama = $("#nama");
var email = $("#email");
$.ajax ({
url : "input.php",
cahce : false,
data : "nama="+nama+"&email="=email,
method : "POST",
success : function(msg) {
$("#tampil").html($msg);
}
});
});
</script>
pada bagian $("#tampil")
itu anda bisa membuat div yang ber id tampil
<div id="tampil">
</div>
simpan html dan ajax dalam 1 file html ,
pada bagian input.php .
adalah file proses ,
anda tinggal membuat sebuah file input.php yang berisi .
contoh :
<?php
echo $_POST['nama'];
echo "<br>":
echo $_POST['email'];
?>
nie cuma contoh saja . semoga saja anda bisa mengembangkan sendiri .
sekian tutorial dari sya bila ada kesalahan dalam penulisan script mohon di maafkan
$("#tampil").html($msg);
ReplyDeleteheheehehe ,.. itu sLah gan , yg bner $("#tampil").html(msg);
heheheh iya bener gan ,... maksih info nya
Delete