Bagaimanakah Saya Boleh Melaksanakan Fungsi AJAX Dalam Kod Pendek WordPress?

AJAX dalam WordPress Kod Pendek

Dalam WordPress, AJAX (Asynchronous JavaScript dan XML) membolehkan elemen halaman dikemas kini secara dinamik tanpa memuatkan semula keseluruhan halaman. Ini meningkatkan pengalaman pengguna dengan membuat interaksi lebih pantas dan lancar.

Melaksanakan AJAX dalam Kod Pendek

Untuk menggunakan AJAX dalam kod pendek, anda perlu:

1. Buat fungsi kod pendek: Tentukan kod pendek dan logiknya untuk berinteraksi dengan kandungan.
2. Enter skrip yang diperlukan: Daftarkan skrip dan masukkannya mengikut cara yang sesuai.
3. Setempatkan pembolehubah skrip: Hantar nilai PHP ke JavaScript menggunakan fungsi wp_localize_script().
4. Fungsi AJAX dalam JavaScript: Tentukan pengendalian permintaan AJAX dalam fail JavaScript anda.

Panduan untuk Contoh

1. Fungsi Kod Ringkas:

function random_quote( $atts ) {
    extract( shortcode_atts( array(
        'path' => get_template_directory_uri() . '/quotes.txt' // default, if not set
    ), $atts ) );
    // Remaining shortcode logic...
}

2. Skrip Enqueue:

function wpse72974_load_scripts() {
    // Register and enqueue the AJAX script with the required dependencies.
}

3. Setempatkan Pembolehubah Skrip:

wp_localize_script(
    'ajax-quote',
    'ajaxParams',
    array(
        'filePath' => $path,
        'themeURI' => get_template_directory_uri() . '/'
    )
);

4. Fungsi AJAX dalam JavaScript:

function ajaxQuote() {
    var theQuote = jQuery.ajax({
        // Define the AJAX request (type, URL, data, etc.).
    });
    // Define the success and error handling for the AJAX request.
}

Setelah anda melaksanakan komponen ini, kod pendek anda akan dapat mengemas kini kandungannya menggunakan AJAX, meningkatkan pengalaman interaktif pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Fungsi AJAX Dalam Kod Pendek WordPress?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!