Bagaimana untuk Mengintegrasikan Fungsi AJAX dalam Kod Pendek WordPress?

Bagaimana untuk Menggunakan AJAX dalam Kod Pendek WordPress?

Melaksanakan AJAX dengan Kod Pendek

PHP:

Kod PHP untuk kod pendek hendaklah mengandungi berikut:

function random_quote( $atts ) {
    // Extract shortcode attributes
    extract( shortcode_atts( array(
        'path' => get_template_directory_uri() . '/quotes.txt' // Default path
    ), $atts ) );

    // Retrieve quotes from file
    $array = file( $path );
    $r = rand( 0, count($array) - 1 );

    // Render shortcode output
    $output = '<div>

jQuery:

Kendalikan klik butang dan laksanakan permintaan AJAX:

jQuery('#newquote').click( function() {
    // Send AJAX request to retrieve a new quote
    $.ajax({
        type: 'POST',
        url: ajaxParams.themeURI+'js/ajax-load-quote.php',
        data: { file_path: ajaxParams.filePath },
        beforeSend: function() {
            ajaxLoadingScreen(true,'#randomquotes');
        },
        success: function(data) {
            // Replace old quote with new one
            jQuery('#randomquotes').find('p').remove();
            jQuery('#randomquotes').prepend(data);
        },
        complete: function() {
            ajaxLoadingScreen(false,'#randomquotes');
        }
    });
    return false;
});

Cara Menggunakan AJAX dalam WordPress Kod pendek

1. Buat Fail PHP: Wujudkan titik komunikasi antara JS dan PHP (cth., ajax-load-quote.php).
2. Konfigurasikan Kod Pendek: Tulis kod pendek untuk menjana penyepaduan HTML dan JS/AJAX yang diperlukan.
3. Muat Skrip yang Diperlukan: Masukkan dalam baris gilir fail JS yang diperlukan functions.php (cth., wp_enqueue_script).
4. Panggilan AJAX dalam JavaScript: Gunakan jQuery, XHR, atau serupa untuk menghantar permintaan AJAX daripada JS.
5. Proses Permintaan AJAX dalam PHP: Kendalikan data, lakukan operasi yang diperlukan dan kembalikan yang diubah suai kandungan.
6. Kemas kini Paparan dalam JS: Kemas kini HTML berdasarkan respons daripada permintaan AJAX sebelah pelayan.

Atas ialah kandungan terperinci Bagaimana untuk Mengintegrasikan Fungsi AJAX dalam Kod Pendek WordPress?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!