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

jQuery Discussion :

recuperer les valeurs d'une base de données et les afficher dans une div avec ajax jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Par défaut recuperer les valeurs d'une base de données et les afficher dans une div avec ajax jquery
    Bonjour,

    Il est vrai que de nombreux exemple existe sur jquery.com, mais je ne les comprends pas vraiment !!

    Je cherche à afficher (au chargement d'une page) dans une div les éléments d'une base de données (le nom de plusieurs documents l'un au-dessous de l'autre) avec :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $.post('lectBDD.php', $("#selector").serialize());
    et les affichés dans ça :

    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
     
    <div class="docucat">
    <table cellspacing="0" cellpadding="0" width="100%">
             <?php while($data = mysql_fetch_object($req)){ ?>
             <tr><td id="selector">
                   <div id="docpdf" class="separtdoc"> 
                         <?php echo htmlentities($data->gdoc); ?>
                   </div> 
                   <div id="cadrelogo" class="separtdoc"> 
                          <img src="images/bt_pdf.png"/> 
                   </div>
                   </td>
              </tr>
              <?php } ?>
    </table>
    </div>
    Cela ne suffit-il pas ??

    je ne souhaite ni message d'erreur ni message de succes.

    Par la suite j'aimerais effectué un fadeIn sur ces différents documents (Pour que lors de l'affichage ils apparaissent l'un après l'autre avec une séparation de 400 ms).

    Merci pour votre aide

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    il faut passer par le callback du post pour lancer une fonction qui recupèreras la reponse du serveur (echo) poru la mettre en html() de ton div
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Par défaut
    Désolé mais que dois-je comprendre pour le callback, car sur jquery.com on m'indique ça:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    jQuery.post( url, [data], [success(data, textStatus, jqXHR)], [dataType] )
    et je ne situe pas le callback, pourriez vous me donnez un exemple??

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    faut lire la doc ...

    un exemple tiré de jquery.com :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $.post('ajax/test.html', function(data) {
      $('.result').html(data);
    });
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    253
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 253
    Par défaut
    Voici donc ce que ça donne avec mes données:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $.post('lectBDD.php', function(data) {
      		$('#docpdf').html(data);
    	});
    la connexion a la BDD: lectBDD.php:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <?php
    mysql_connect("localhost","root","");
    mysql_select_db("ajout");
    $sql = 'SELECT * FROM save ';
    $req = mysql_query($sql) or die(mysql_error()); 
    mysql_set_charset('utf8'); 
    ?>
    et voici le conteneur qui doit recevoir les données et les afficher:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <table cellspacing="0" cellpadding="0" width="100%">
                    ligne 123	<?php while($data = mysql_fetch_object($req)){ ?>
                    	<tr><td id="selector"><div id="docpdf" class="separtdoc"> <?php echo htmlentities($data->gdoc); ?></div> <div id="cadrelogo" class="separtdoc"> <img src="images/bt_pdf.png"/> </div></td></tr>
                        <?php } ?>
                    </table>
    l'erreur donnée est la suivante:
    Notice: Undefined variable: req in C:\wamp\www\site-abiazix\remagen\page_administration_style.php on line 123
    Si je comprend bien mon $.post n'est pas correct, que dois je modifier car j'ai suivi les indications de jquery.com (comme vous me l'avez précisez)

    merci encore pour votre aide

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    tu as juste oublié de passer les data non ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 04/02/2015, 10h46
  2. Réponses: 5
    Dernier message: 13/06/2014, 14h14
  3. Réponses: 1
    Dernier message: 11/09/2013, 10h44
  4. [Base de donnée] Lire dans une base de données toutes les lignes
    Par Miharu dans le forum C++Builder
    Réponses: 6
    Dernier message: 05/06/2011, 17h08
  5. Réponses: 2
    Dernier message: 16/05/2007, 17h18

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