Mudah membuat ajax dengan Jquery


  1. Sertakan pustaka jQuery: Sebelum menggunakan jQuery Ajax, Anda perlu menyertakan pustaka jQuery di file HTML Anda. Anda dapat mengunduh pustaka dari situs web jQuery atau menggunakan CDN.
    

  1. Buat permintaan Ajax: Untuk membuat permintaan Ajax menggunakan jQuery, Anda dapat menggunakan metode $.ajax(). Metode ini mengambil objek sebagai parameter, yang berisi detail permintaan, seperti URL, jenis permintaan, data yang akan dikirim, dll.

        
  • url: URL sumber daya yang diminta
  • type: Jenis permintaan (GET atau POST)
  • data: Data yang akan dikirim ke server
  • success: Fungsi yang akan dijalankan ketika permintaan berhasil
  • error: Fungsi yang akan dijalankan jika permintaan gagal
  1. Tangani respons: Setelah server merespons permintaan, Anda dapat menangani responsnya di dalam fungsi success. Contoh di bawah ini menunjukkan bagaimana cara menangani respons JSON.

  • dataType: Tipe data yang diharapkan dalam respons (misalnya JSON)
berikut adalah contoh kode untuk file contoh.php yang dapat digunakan untuk menerima permintaan Ajax di atas:



  • Kode di atas akan menerima data POST dari permintaan Ajax yang dikirimkan sebelumnya dan menyimpannya dalam variabel $nama dan $umur.
  • Selanjutnya, kode akan membuat respons berupa array asosiatif yang berisi data yang diterima.
  • Terakhir, kode akan mengembalikan respons dalam format JSON menggunakan fungsi json_encode().

});
 

Comments