Belajar Tentang jQuery Ajax PHP Bagian 2

Sekarang kita akan bahas tentang cara bagaimana memasukkan data tanpa merefresh halamannya atau ketika user menekan tombol submitnya maka kita ingin memasukkan datanya ke database. kita sediakan tempat kode scriptnya yang pertama kita akan memberikan triggernya dengan menentukan kapan ajax itu dijalankan ? proses ajax itu dijalankan ketika tombol submitnya di klik berarti kita ambil id nya yaitu kirim lalu triggernya on click dan menjalankan suatu function sebagai berikut

yang kita mau lakukan adalah kita akan ambil isi dari inputan textareanya dengan mengambil id komentar dengan metode val

dan kita tempatkan dalam satu variabel. Setelah itu kita akan gunakan metode ajax ada banyak sekali attribute-attribute pada metode ajaxnya yang pertama methodnya kita gunakan post, lalu url yaitu alamat prosesnya kita akan buatkan satu file baru untuk proses PHPnya dengan nama komentar_proses.php

kemudian untuk data yaitu data apa yang kita mau kirimkan dikasus ini adalah isi komentarnya yang kita kirimkan dimana kita tentukan key nya dan valuenya dimana pesan sebagai key sedangkan isikomentar sebagai valuenya

agar kita dapat feedback kita tambahkan attribute success yang gunanya untuk mendapatkan hasil data dari proses ajaxnya

kita tampilkan dulu pada console lognya yang dimana pada file komentar_ajax.php saya tampilkan seperti ini

Jika kita tampilkan di browser kita tekan tombolnya maka ajax sudah berhasil dijalankan yaitu menampilkan hasil data berdasarkan apa yang ditampilkan pada komentar_proses ajaxnya. Itu gunanya attribute success tersebut. Berikut ini kode ke seluruhannya

oke cukup itu dulu artikel hari ini kita akan bahas pada pertemuan berikutnya selamat mencoba terima kasih.

30 April 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat