Belajar Tentang jQuery Ajax PHP Bagian 1

Hai semuanya sebelum kita kerjakan proses ajaxnya yang harus kita lakukan adalah settingan dasar dan buat template HTMLnya. Disini saya sudah buat sebuah folder komentar yang didalamnya terdapat dua file yaitu yang pertama file index.php dan yang kedua database.php. Pada file index.php kita buat sebuah text paragraf sebagai strukturnya seperti berikut

pada file index saya juga akan membuat kerangka form yang nanti kita mainkan sedangkan pada database.php sudah saya setting dalam melakukan koneksi dengan metode mysqli. Ada nama hostnya username password dan nama database yang kita gunakan.

Kita lihat pada bagian phpmyAdmin saya sudah punya databasenya namanya tutorial dan ada satu tabel saya berikan nama komentar. Kita buat sesimple mungkin aplikasi yang kita kerjakan.

dan yang kita butuhkan karena kita gunakan jQuery maka kita perlu meload library dari jquerynya sebagai berikut

pertama kita buat sebuah inputan textarea dan satu tombol submit yang sudah kita berikan id pada masing masing elemennya sebagai berikut

kita buat tag <div> yang diberikan class yang dimana gunanya untuk menampilkan list-list dari daftar komentarnya.

kemudian agar terlihat lebih rapi kita rapikan dengan sedikit CSS seperti berikut

cukup itu dulu saja settingan pertama kita nanti kita akan lanjutkan pada artikel berikutnya. Jika kita lihat hasilnya dibrowser maka seperti berikut

terima kasih.