Teknologi Ajax Pada Pemrograman Web Bagian II

Teknologi Ajax Pada Pemrograman Web Bagian II
1.0 K view • 11 Desember 2019

Picture by : # • Post by : Admin@wirneet

Pada kali ini penulis akan membuat sebuah artikel tutorial bagaimana cara menambahkan data ke dalam database mysql dengan menggunakan ajax dan php, agar tutorial ini berjalan dengan sesuai harapan sebaiknya di persiapkan web server karena bahasa pemrohraman php harus berjalan di sisi server side dan editor html seperti Sublime Text, aplikasi web server yang sudah memiliki bundling webserver, database mysql, php dapat menggunakan XAMPP dari Apache Friends.

Komponen dari XAMPP dari Apache Friends terdiri dari 

  • Apache Web Server
  • PHP
  • Database Mysql
  • FTP

Selanjutnya siapkan nama folder latihan untuk belajar web ajax bagian 2 ini pada folder c:/xampp/htdocs jika menggunakan windows, sesuai dengan dimana pembaca menginstall xampp. Jika menggunakan linux bisa ditemukan pada folder defaultnya di  /opt/lampp/htdocs






1. Buat Tabel di Database

Pada kesempatan kali ini penulis membuat nama tabelnya tentang produk, silakan buat tabel produk dapat di contohkan di bawah ini :

create table produk(
id int(12)primary key auto_increment,
kode varchar(20),
nm_produk varchar(125),
kategori varchar(100),
berat double,
harga double
);



2. Form Input Produk

2. Form Input Produk

Pada step berikut ini adalah membuat sebuah form untuk input data produk, dengan menambahkan script ajax pada bagian head untuk dapat memproses form yang dibuat yang di tujukan ke input_produk.php, code scriptnya dapat dilihat di bawah ini



3. Input Data

3. Input Data

Selanjutnya silakan buat file php dengan nama input_produk.php , file php ini digunakan untuk melakukan proses data ke dalam database pada tabel produk, mulai dari koneksi database mysqli, variabel data form, validasi atau filter jika kosong dan perintah insert kedalam tabel produk.

Script kodenya dapat dilihat dibawah ini 



Demikian artikel ini kami bagikan, Selamat mencoba, jika ada pertanyaan seputar turotial di atas silakan isi komentar dibwah







Artikel Terkait


Ada 0 Komentar di "Teknologi Ajax Pada Pemrograman Web Bagian II"


Tinggalkan Komentar Disini