Comment mettre à jour le contenu d'une page WordPress à l'aide d'AJAX ?

Comment mettre à jour le contenu d'une page en utilisant AJAX dans WordPress ?

Dans WordPress, il est possible de mettre à jour le contenu d'une page en utilisant AJAX. Ceci peut être réalisé en utilisant une combinaison de PHP, JavaScript et l'API WordPress AJAX.

Utilisation de PHP

Pour utiliser AJAX dans WordPress, vous devez enregistrer votre fichier JavaScript et transmettre les informations nécessaires. des données à celui-ci. Cela se fait généralement dans le fichier function.php de votre thème ou plugin. Dans votre cas, le code PHP dont vous avez besoin est le suivant :

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');
}

Utilisation de JavaScript

Dans votre fichier JavaScript, vous devez effectuer un appel AJAX vers une fonction spécifique dans votre code PHP (appelée la fonction de rappel). Le code suivant montre comment générer un devis aléatoire :

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
}
});

Le paramètre your_action est le nom de la fonction de rappel que vous définirez dans votre code PHP. Dans l'exemple ci-dessus, nous utilisons la fonction your_action pour générer une citation aléatoire.

Utilisation de la fonction de rappel en PHP

Dans votre code PHP, vous devez définir la fonction de rappel qui sera appelé lorsque la requête AJAX est effectuée. La fonction de rappel pour l'exemple précédent est la suivante :

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();
}

Dans l'exemple ci-dessus, la fonction get_random_quote() est utilisée pour générer une citation aléatoire. Le devis est ensuite renvoyé dans le fichier JavaScript et affiché sur la page.

En suivant ces étapes, vous pouvez facilement utiliser AJAX pour mettre à jour le contenu d'une page dans WordPress.

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!