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
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
Pilih Mana Server Linux atau Windows Untuk Usaha UMKM Retail Anda
Cara Cek Performa dan SEO Blog Anda
Pengaruh Perubahan Algoritma Google terhadap Blog dan Website
Pilih Mana CMS Blogspot atau Web HTML Bootstrap Untuk Blog
Penerapan Bisnis Proses Dalam Informasi Teknologi dan Aplikasi
5 Alasan Kenapa Trafik Blog Turun saat Hari Libur
Waspada! Ini 5 Ancaman Cyber Attack yang Berbahaya

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


Tinggalkan Komentar Disini