Teknologi Ajax Pada Pemrograman Web Bagian II

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

Picture by : # • Post by : Admin@Wibloog
Ads Promote Buat akun bank jago dapet 100 ribu

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



Ads Promote Selama #adajenius  Bayar tagihan apa pun bisa di 1 aplikasi

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
);

Ads Promote Beli Kartu Perdana via Online Ooredoo

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

Ads Promote AKSESORIS GADGET & KOMPUTER BHENIKA

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 

Ads Promote Domain Hosting Murah

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

Ads Promote Tokopedia Tekno Jaminan Harga Termurah



Rekomendasi untuk Anda

Artikel Terkait
Ads Promote Domain Hosting Murah


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


Tinggalkan Komentar Disini