Kamis, 13 September 2012 Translate
Form AutoComplete dan Pencarian Data Pilih Bahasa
Diberdayakan oleh Terjemahan
I'm Online
Tutoral kali ini merupakan lanjutan tutorial AutoComplite, kali ini akan ditambahkan proses pencarian dengan
metode JSON.
1. Langkah pertama buat database barang
Struktur database dan contoh datanya
Terbaru
CREATE TABLE `tbbarang` (
`kodebarang` char(25) NOT NULL, Codeigniter koneksi ke Ms
Access /
`namabarang` varchar(100) DEFAULT NULL, ODBC - 12/12/2014
`hargabeli` int(11) DEFAULT NULL,
`hargajual` int(11) DEFAULT NULL, Koleksi Templates
Keren - 11/21/2014
`stokawal` smallint(6) DEFAULT NULL,
PRIMARY KEY (`kodebarang`) Setting Mikrotik Groove AP
); BRIDGE - 11/21/2014
http://deddyrusdiansyah.blogspot.com/2012/09/formautocompletedanpencariandata.html 1/4
1/19/2015 Deddy Rusdiansyah: Form AutoComplete dan Pencarian Data
url : "cari_barang.php", Sistem Informasi
dataType: "json", Koperasi Gratis
success: function(data){
$("#namabarang").val(data.namabarang);
$("#hargabeli").val(data.hargabeli);
} Input Data
Barang dengan
}); JQuery,
}); FlexiGrid,
}); JQueryUI dan
JSON
</script>
</head>
<body>
<div class="demo" style="width: 450px;"> Kategory
<div>
Database (20)
<p>Kode Barang : <input type="text" id="barang"></p></div>
<p>Nama Barang : <input type="text" id="namabarang" size="50" disabled></p> Informasi (49)
<p>Harga Beli : <input type="text" id="hargabeli" size="15" align="right" disa
Kursus dan Private (4)
bled></p>
</div> Linux (5)
</div> Mikrotik (3)
</body>
</html> Pemrograman (67)
3. Langkah ketiga buat file proses_barang.php
<?php Arsip Blog
mysql_connect("localhost","root","");
► 2014 (36)
mysql_select_db("tutorial_jquery");
► 2013 (34)
$q = strtolower($_GET["q"]); ▼ 2012 (42)
if (!$q) return; ► Desember (3)
► November (13)
$sql = mysql_query("select kodebarang from tbbarang where kodebarang LIKE '%$q%'
"); ▼ September (13)
while($r = mysql_fetch_array($sql)) { Dasar-dasar PHP
$kode_barang = $r['kodebarang']; Syntax
echo "$kode_barang \n"; Highlighter
} Membuat Web
?> Mobile dengan
JQuery Mobile
4. Langkah keempat buat file cari_barang.php Sistem Informasi
Koperasi Gratis
<?php
Input Data
mysql_connect("localhost","root",""); Barang dengan
mysql_select_db("tutorial_jquery"); JQuery,
FlexiGrid,
JQuery...
$kode = $_POST[kode];
Form
AutoComplete
$sql = mysql_query("select * from tbbarang where kodebarang='$kode'"); dan Pencarian
$row = mysql_num_rows($sql); Data
if($row>0){ Form
$r = mysql_fetch_array($sql); AutoComplete
$data['namabarang'] = $r[namabarang]; dengan JQuery
$data['hargabeli'] = $r[hargabeli]; Membuat Jam
echo json_encode($data); Interaktif
}else{ dengan JQuery
$data['namabarang'] = ''; Membuat Jam
$data['hargabeli'] = ''; Interaktif
dengan Ajax
echo json_encode($data);
} Mengenal Ajax
Software
?> BarTender
untuk
mencetak
Barcode
Kode Program Download
PostgreSQL vs
MySQL
Diposkan oleh Deddy Rusdiansyah di 11.16
E-Commerce
Rekomendasikan ini di Google
► Agustus (1)
Label: Database, Pemrograman
► Juli (1)
Lokasi:Serang Banten Serang, Indonesia
► Juni (1)
► April (1)
http://deddyrusdiansyah.blogspot.com/2012/09/formautocompletedanpencariandata.html 2/4
1/19/2015 Deddy Rusdiansyah: Form AutoComplete dan Pencarian Data
Anonim 20 September 2013 15.47
pak Deddy, bgmn kalau menggabungkan autocomplete yg menggunakan source : caring_barang.php
Saya mau nangkap field, dari array menjadi id. Peluang Usaha
tks.
Balas
Edy Dava 16 Agustus 2014 23.21
mantap gan ijin coba dulu
Balas
Akademik
Wahyu Ari Nugroho 31 Agustus 2014 15.25
maaf kok pencariaannya gak bisa knp ya mas,mohon bimbingannya??
1. Nilai Mahasiswa
Balas
2. Ujian Online Mahasiswa
Masukkan komentar Anda...
Google+ Followers
Deddy Rusdiansyah
Beri komentar sebagai: Google Account + ke lingkaran
Publikasikan Pratinjau
Link ke posting ini
Buat sebuah Link 535 memiliki saya di Lihat
lingkaran semua
Pengunjung
Posting Lebih Baru Beranda Posting Lama
Langganan: Poskan Komentar (Atom)
Pengikut
http://deddyrusdiansyah.blogspot.com/2012/09/formautocompletedanpencariandata.html 3/4
1/19/2015 Deddy Rusdiansyah: Form AutoComplete dan Pencarian Data
Join this site
with Google Friend Connect
Members (22) More »
Already a member? Sign in
Link Mengenai Saya
Welcome to DIDIKSETIYADI : Discipline Lead To The Best Deddy Rusdiansyah
Achievement Ikuti 535
Dibongkar, WhatsApp Ternyata Simpan 2 Fitur Rahasia
Apa yang kita miliki sematamata dari Allah.
Gudang Software, Source Code & Tutorial
Membuat Queue Tree Sederhana Lihat profil lengkapku
ebisnis
Belajar C, C++ dengan IDE codeblocks Deddy Rusdiansyah | Create Your Badge
Deddy Rusdiansyah
Membangun Aplikasi H2H dengan Codeigniter dan EasyUI
Sarmuni Ajazimi
UAS Information Retrieval (IR)
Help Desk Technology (HDT) SerangBanten
Deddy Rusdiansyah. Diberdayakan oleh Blogger.
http://deddyrusdiansyah.blogspot.com/2012/09/formautocompletedanpencariandata.html 4/4