Teknologi Ajax Pada Pemrograman Web Bagian II

Teknologi Ajax Pada Pemrograman Web Bagian II
Picture by : #
11 Desember 2019 » Post by : Admin@Wibloog

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
Cara Buka Touch ID Finger Tanpa Tekan Home Button di iPhone 5S, 6, 6S, SE
Cara Bersihkan Cache Browser di iPhone
Pilih Mana, AMD atau Intel Buat PC Gaming? Berikut Penjelasannya
Pengaruh Tampilan Website Terhadap Bisnis Online Anda
Membangun Blog Lebih Dari Satu, Efektifkah?
Tips Cara Menaikkan Trafik Blog bagi Pemula
Masalah Sitemap.xml Forbidden Access Error 403
Distro Linux yang Mirip Mac OS
Google Chrome : Update Keamanan Penggunaan Password Login di Browser
Pentingnya Password dan Touch ID untuk Keamanan di Ponsel Anda

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


Tinggalkan Komentar Disini