Menggunakan AJAX di WordPress

  1. Enqueue file JavaScript yang digunakan untuk melakukan request dan menerima respon menggunakan AJAX. (Misal, nama file-nya my-script.js)
    add_action( 'wp_enqueue_scripts', 'my_enqueue_ajax_script' );
    function my_enqueue_ajax_script() {
        wp_enqueue_script( 'my-script', WP_PLUGIN_URL . '/my_plugin/assets/my-script.js', array( 'jquery' ) );
        wp_localize_script( 'my-script', 'my_script', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
    }</code></pre>
    
  2. Buat kode JavaScript untuk mengirimkan request dan menangani respon dari server.
    var post_data = {
        action : 'my_action',
        var1   : 'nilai dari var1'
    };
    $.ajax({
        url      : my_script.ajaxurl,
        type     : 'post',
        dataType : 'json',
        data     : post_data,
        success  : function( response ) {
            // Jika sukses
        }
    });
    
  3. Buat kode PHP untuk menangani request dan mengirimkan respon dari client/browser.
    add_action( 'wp_ajax_my_action', 'my_action' );        // Untuk user yg sudah login
    add_action( 'wp_ajax_nopriv_my_action', 'my_action' ); // Untuk pengunjung yg belum login
    function my_action() {
        $var1 = $_POST['var1'];
        $data = array();
        $data['content'] = $var1;
        echo json_encode( $data );
        wp_die();
    }
    

Muhammad Ikhsan

Senang belajar dan berbagi ilmu.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *