Comment passer des appels AJAX réussis dans le frontend WordPress ?

Appeler AJAX dans WordPress : un guide complet pour produire des résultats non nuls

Lorsque vous effectuez des appels AJAX dans WordPress, il est crucial de prendre en compte les différences entre les environnements frontend et backend. Alors que WordPress définit une variable ajaxurl globale dans le backend, cette variable n'est pas définie dans le frontend. Par conséquent, pour utiliser les appels AJAX dans le frontend, vous devez définir explicitement cette variable vous-même.

Utilisation de wp_localize_script :

Une approche pratique pour définir la variable ajaxurl dans le frontend consiste à utiliser la fonction wp_localize_script. Par exemple, si vos appels AJAX sont inclus dans un fichier JS nommé my-ajax-script.js, vous pouvez le localiser comme suit :

<code class="php">function my_enqueue() {
    wp_enqueue_script( 'ajax-script', get_template_directory_uri() . '/js/my-ajax-script.js', array('jquery') );
    wp_localize_script( 'ajax-script', 'my_ajax_object', array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue' );</code>

Utilisation de la variable my_ajax_object en JavaScript :

Après avoir localisé votre fichier JS, vous pouvez accéder à l'objet my_ajax_object. Cela vous permet de transmettre des données à votre fonction PHP en utilisant AJAX :

<code class="javascript">jQuery.ajax({
    type: "post",
    dataType: "json",
    url: my_ajax_object.ajax_url,
    data: formData,
    success: function(msg){
        console.log(msg);
    }
});</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!