Bagaimana untuk Mengemas kini Kandungan Halaman WordPress Menggunakan AJAX?

Bagaimana anda boleh mengemas kini kandungan pada halaman menggunakan AJAX dalam WordPress?

Dalam WordPress, adalah mungkin untuk mengemas kini kandungan pada halaman menggunakan AJAX. Ini boleh dicapai dengan menggunakan gabungan PHP, JavaScript dan WordPress AJAX API.

Menggunakan PHP

Untuk menggunakan AJAX dalam WordPress, anda perlu mendaftarkan fail JavaScript anda dan lulus yang diperlukan data kepadanya. Ini biasanya dilakukan dalam fail functions.php tema atau pemalam anda. Dalam kes anda, kod PHP yang anda perlukan adalah seperti berikut:

add_action('wp_enqueue_scripts', 'your_script');
function your_script() {
    wp_register_script('your_script', your_script.js',  ['jquery'], '1.0.0', true);
    wp_localize_script(
        'your_script',
        'ajax_object',
        array(
            'ajax_url'  => admin_url('admin-ajax.php'),
            'security'  => wp_create_nonce('your_security_nonce')
        )
    );
    wp_enqueue_script('your_script');
}

Menggunakan JavaScript

Dalam fail JavaScript anda, anda perlu membuat panggilan AJAX ke fungsi tertentu dalam kod PHP anda (dipanggil fungsi panggil balik). Kod berikut menunjukkan cara anda boleh menjana petikan rawak:

jQuery.ajax({
url: ajax_object.ajax_url,
type: 'POST',
data: {
 action: 'your_action', // Unique identifier used to process requests
 quote: Math.floor(Math.random() * 20) + 1,
 security:ajax_object.security
},
success: function(response) {
    // Update the content
},
error: function(error) {
    // Handle the error
}
});

Parameter your_action ialah nama fungsi panggil balik yang akan anda takrifkan dalam kod PHP anda. Dalam contoh di atas, kami menggunakan fungsi your_action untuk menjana petikan rawak.

Menggunakan Fungsi Panggilan Balik dalam PHP

Dalam kod PHP anda, anda perlu mentakrifkan fungsi panggil balik yang akan dipanggil apabila permintaan AJAX dibuat. Fungsi panggil balik untuk contoh sebelumnya adalah seperti berikut:

add_action('wp_ajax_your_action', 'your_action_callback');
add_action('wp_ajax_nopriv_your_action', 'your_action_callback');
function your_action_callback() {
    // Check if the nonce is valid
    if (!wp_verify_nonce($_POST['security'], 'ajax_nonce'))
        wp_die();

    // Get the quote value
    $quote = $_POST['quote'];

    // Generate the quote
    $randomQuote = get_random_quote($quote);

    // Send the quote back to the JavaScript file
    echo $randomQuote;

    // Exit the function
    wp_die();
}

Dalam contoh di atas, fungsi get_random_quote() digunakan untuk menjana petikan rawak. Petikan itu kemudiannya dihantar semula ke fail JavaScript dan dipaparkan pada halaman.

Dengan mengikuti langkah ini, anda boleh menggunakan AJAX dengan mudah untuk mengemas kini kandungan pada halaman dalam WordPress.

Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Kandungan Halaman WordPress Menggunakan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!