créer une recherche ajax pour les catégories des articles

Home » Snippets » créer une recherche ajax pour les catégories des articles
0

Created with:

Visibility: 

public

Creator: Frossard

Customize with WPTurbo AI
X

Add Snippet To Project

New Project
Add To Existing Project
					<?php
// Ajouter l'action AJAX pour la recherche de catégories
add_action( 'wp_ajax_search_categories', 'wpturbo_search_categories' );
add_action( 'wp_ajax_nopriv_search_categories', 'wpturbo_search_categories' );

function wpturbo_search_categories() {
    // Vérifier la référence AJAX
    check_ajax_referer( 'search_categories', 'nonce' );

    // Récupérer les termes de recherche
    $search_term = isset( $_POST['search_term'] ) ? sanitize_text_field( $_POST['search_term'] ) : '';

    // Arguments de requête pour récupérer les catégories correspondantes
    $args = array(
        'taxonomy'   => 'category',
        'hide_empty' => false,
        'search'     => $search_term,
    );

    // Récupérer les catégories correspondantes
    $categories = get_categories( $args );

    // Préparer la réponse AJAX
    $response = array();
    foreach ( $categories as $category ) {
        $response[] = array(
            'id'   => $category->term_id,
            'name' => $category->name,
            'slug' => $category->slug,
        );
    }

    // Retourner la réponse JSON
    wp_send_json( $response );
}
				

Ce code ajoute une action AJAX nommée 'search_categories' qui sera déclenchée lorsque vous ferez une recherche de catégories. La fonction wpturbo_search_categories est responsable de la recherche des catégories correspondantes et de renvoyer les résultats sous forme de réponse JSON.

Pour utiliser cette fonctionnalité AJAX dans votre frontend, vous devrez ajouter un peu de JavaScript pour effectuer la recherche et afficher les résultats. Voici un exemple de code JavaScript que vous pouvez ajouter à votre fichier 'wp-plugin.php':

Assurez-vous de remplacer #category-search-input par l'ID de votre champ de recherche et #category-search-results par l'ID de l'élément où vous souhaitez afficher les résultats de la recherche.

Ce code permettra aux utilisateurs de rechercher des catégories d'articles en temps réel à l'aide d'une fonctionnalité AJAX. Les résultats de la recherche seront affichés dynamiquement à mesure que l'utilisateur saisit des termes de recherche.

Register an account to save your snippets or go Pro to get more features.