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] Traitement de retour d'une requête AJAX


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 33
    Par défaut [AJAX] Traitement de retour d'une requête AJAX
    Bonsoir,

    J'aimerais quelques petits renseignements sur une méthode à utiliser. Je suis en train de developper une application web dont voici le principe de fonctionnement :

    Je dispose d'un menu, lorsque l'on clique sur un de ses éléments, une requete est envoyé sur une page grace à ajax. C'est là que les choses se complique : Cette page se charge de collecter plusieurs information dans un fichier XML que je dois afficher dans plusieurs div different. C'est là que plusieurs interrogations interviennent :

    Est-il possible d'avoir un tableau exploitable via javascript (pour affiche rles éléments dans different div) sachant que la page en question est en php ?

    Sinon, quel pourrait être les autres manière de faire une tel opération ?

    J'essaye de retourner l'idée dans tous les sens, mais j'avoue faire face à un flou total quand à la solution la mieux adaptée.

    En vous remerciant,
    Salutation.

  2. #2
    Rédacteur

    Avatar de khayyam90
    Homme Profil pro
    Architecte de système d’information
    Inscrit en
    Janvier 2004
    Messages
    10 371
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Architecte de système d’information

    Informations forums :
    Inscription : Janvier 2004
    Messages : 10 371
    Par défaut
    Bien le bonsoir,

    Si j'ai bien compris, tu voudrais que ta page php renvoie une liste d'informations clef / valeur pour mettre "valeur" dans le div référencé par "clef".

    Pas de problème, ton script php devra renvoyer du texte que tu interprétera côté client pour en extraire les clefs/valeurs. Il pourra s'agir de code XML (auquel cas il faudra itérer sur les noeuds pour remplir les divs), de code JSON (auquel cas il faudra juste parcourir les éléments retournés pour remplir les divs).

    Ton script serveur va collecter les données à afficher et va les sérialiser en XML ou JSON (ou autre chose si ça te chante) et le script JS va les désérialiser pour les traiter.

    le plus simple :
    côté PHP tu crées un tableau associatif clef / valeur que tu remplis comme tu veux. Tu renvoies un json_encode() de ce tableau.
    côté JavaScript tu eval() ce texte et tu n'as qu'à boucler sur les éléments du tableau et récupérer clef / valeur. Puis document.getElementById("clef").innerHTML = "valeur";

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 33
    Par défaut
    Merci poru ta réponse rapide. Cependant, je vais apporter quelques précision pour plus de clarté.

    Si j'ai bien compris, tu voudrais que ta page php renvoie une liste d'informations clef / valeur pour mettre "valeur" dans le div référencé par "clef".
    Le problème qui se pose là, c'est que j'ai plusieurs valeurs à mettre dans plusieurs divs. Par exemple, dans un div, je devrais mettre un titre et une date, qui doivent correspondre, et lors d'un clique sur cette ligne, je dois afficher un texte dans un autre div.

    C'est assez difficile à expliquer comme truc en fait

  4. #4
    Rédacteur

    Avatar de khayyam90
    Homme Profil pro
    Architecte de système d’information
    Inscrit en
    Janvier 2004
    Messages
    10 371
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Architecte de système d’information

    Informations forums :
    Inscription : Janvier 2004
    Messages : 10 371
    Par défaut
    Si tu as plusieurs valeurs à renvoyer pour chacun de tes divs, tu devras renvoyer quelque chose comme ça

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    [{id:"l'id du div", titre:"le titre du div", date:"la date", contenu:"le contenu de ton div"},
    {id:"l'id du div2", titre:"le titre du div2", date:"la date2", contenu:"le contenu de ton div2"}, 
    ... ]

    Et lors de la réception de cette chaine de caractères, tu l'évalues, puis tu boucles sur chaque élément {id+titre+date+contenu} et tu traites chaque champ comme il se doit.

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 33
    Par défaut
    Citation Envoyé par khayyam90 Voir le message
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    [{id:"l'id du div", titre:"le titre du div", date:"la date", contenu:"le contenu de ton div"},
    {id:"l'id du div2", titre:"le titre du div2", date:"la date2", contenu:"le contenu de ton div2"}, 
    ... ]
    Je ne comprends pas trop à quoi correspond tout ça, ca correspond à une chaine ? ou un tableau ?

    J'suis pas super caller en javascript, j'ai juste des bases pour faire des trucs un 'kikoolol'

  6. #6
    Rédacteur

    Avatar de khayyam90
    Homme Profil pro
    Architecte de système d’information
    Inscrit en
    Janvier 2004
    Messages
    10 371
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Architecte de système d’information

    Informations forums :
    Inscription : Janvier 2004
    Messages : 10 371
    Par défaut
    c'est un tableau sous forme JSON. C'est simple à générer côté PHP et simple à récupérer côté JS.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 27/05/2015, 16h31
  2. [Encodage] Retour d'une requête AJAX
    Par regseb dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 05/10/2013, 14h58
  3. Traitement du pourcentage pour une requète ajax
    Par sebxid dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/06/2010, 10h38
  4. Réponses: 4
    Dernier message: 12/10/2009, 17h51
  5. recupérer un retour d'une requete AJAX
    Par wincroc dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 31/08/2007, 14h37

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