IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

Ajax et Wordpress passage d'une variable


Sujet :

AJAX

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Novembre 2015
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Hautes Pyrénées (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Novembre 2015
    Messages : 1
    Points : 1
    Points
    1
    Par défaut Ajax et Wordpress passage d'une variable
    Bonjour à tous, je souhaite dans une boucle wp_query de Wordpress, récupérer l'ID au click sur un <a> et la passer dans une DIV sur la même page.
    J'utilise la méthode Ajax préconisée par le codex WP, a savoir :

    functions.php, localisation d'admin-ajax
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    wp_enqueue_script( 'mon_js', get_template_directory_uri() . '/js/mon_js.js', array( 'jquery' ), '1.0', true );
    wp_localize_script('mon_js', 'ajaxurl', admin_url( 'admin-ajax.php' ) );
    dans la div du template ou je souhaite afficher l'ID récupérée
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div class="modal-content">
    <?php 
    $mon_id = $_POST['mon_id'];
    echo $mon_id; 
    ?>
    </div>

    et enfin, le JS (mon_js.js) ou je souhaite passer la variable :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    jQuery(document).ready(function ($) {
        $('.opportunites a').click(function ( e ) {
    	var mon_id = $(this).attr('id');
            $.ajax({
    		url : ajaxurl.ajax_url,
    		type : 'post',
    		data : {
    			'action' : 'sohappy_ajaxurl',
    			mon_id : mon_id
    		},
     
    	success : function(response) {
               console.log(response);
               $('.modal-content').html(response);
             		}
    	});
        });
    });
    Au click, je récupère bien l'id (testé avec alert()), mais je n'arrive pas à la transférer dans la DIV .modal-content. Je ne récupère pas la valeur de mon_id (console.log), mais tout le code HTML de la page ??????

    Je ne vois pas ou est le problème...A l'aide !!!

    Olivier.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    Je ne récupère pas la valeur de mon_id (console.log), mais tout le code HTML de la page ??????
    c'est donc, que coté serveur, tu renvoies la totalité du code !

Discussions similaires

  1. Réponses: 2
    Dernier message: 04/04/2011, 09h27
  2. [AJAX] Passage d'une variable très longue avec AJAX
    Par Figaro83 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 18/09/2006, 16h53
  3. passage d'une variable dans une frame
    Par Atchoum_002 dans le forum Langage
    Réponses: 2
    Dernier message: 17/10/2005, 17h06
  4. passage d'une variable en parametre
    Par duga dans le forum Langage
    Réponses: 4
    Dernier message: 11/09/2005, 12h19
  5. [C#] Passage d'une variable pour un controluser
    Par julio84 dans le forum ASP.NET
    Réponses: 10
    Dernier message: 07/04/2005, 13h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo