Bagaimanakah Mengemas kini Kandungan Menggunakan AJAX dalam WordPress?
WordPress menyediakan pelbagai cara untuk berinteraksi dengan halaman tanpa memuatkan semula keseluruhan halaman. Salah satunya ialah menggunakan AJAX (Asynchronous JavaScript and XML). Ia membolehkan pertukaran data tak segerak antara halaman web dan pelayan. Ini boleh berguna untuk mengemas kini kandungan pada halaman tanpa memuatkan semula keseluruhan halaman.
Dalam konteks ini, kami akan menunjukkan cara mengemas kini kandungan menggunakan AJAX dalam kod pendek WordPress. Pendekatan ini melibatkan penciptaan fungsi PHP untuk kod pendek, permintaan AJAX dalam JavaScript dan fungsi untuk mengendalikan permintaan di bahagian pelayan.
Langkah:
-
Fungsi PHP untuk Kod Pendek: Cipta fungsi PHP untuk kod pendek dan masukkan skrip yang diperlukan dan lokalkan data.
-
Permintaan AJAX dalam JavaScript: Gunakan jQuery untuk menghantar permintaan AJAX untuk mendapatkan semula kandungan.
-
Mengendalikan Permintaan AJAX di Bahagian Pelayan: Proses permintaan, dapatkan semula kandungan dan hantar semula ke bahagian hadapan.
Contoh Kod:
Fungsi PHP untuk Kod Pendek (cth., kemas kini_kandungan)
1 2 3 4 5 6 | function update_content( $atts ) {
wp_enqueue_script( 'ajax-update-content' , get_template_directory_uri() . '/js/ajax-update-content.js' , array ( 'jquery' ), '1.0.0' , true );
$content = get_transient( 'content' );
return $content ;
}
add_shortcode( 'update_content' , 'update_content' );
|
Salin selepas log masuk
Permintaan AJAX dalam JavaScript (cth., ajax-update-content.js)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | jQuery(document).ready( function ($) {
$( '#update-content-button' ).click( function (e) {
e.preventDefault();
$.ajax({
url: ajaxurl,
type: 'POST' ,
data: {
action: 'update_content_action' ,
security: '<%= wpApiSettings.nonce %>'
},
success: function (response) {
$( '#content-container' ).html(response);
}
});
});
});
|
Salin selepas log masuk
Mengendalikan Permintaan AJAX di Sisi Pelayan (cth., dalam functions.php)
1 2 3 4 5 6 7 8 9 | add_action( 'wp_ajax_update_content_action' , 'update_content_action' );
add_action( 'wp_ajax_nopriv_update_content_action' , 'update_content_action' );
function update_content_action() {
check_ajax_referer( 'nonce-value' , 'security' );
$content = get_transient( 'content' );
echo $content ;
wp_die();
}
|
Salin selepas log masuk
Dengan menyepadukan ini komponen, anda kini boleh mengemas kini kandungan pada halaman WordPress menggunakan AJAX dalam kod pendek.
Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Kandungan WordPress Asynchronously Menggunakan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!