Récupération de données du fichier php

Version imprimable

Bonjour,

Du côté client de mon site, j'ai un éditeur html, avec des éléments drag and drop tel que "header", "paragraph".....
Je voudrais ajouter à cette barre un nouvel élément qui une fois mis dans mon container m'ouvre un pop up avec un champ de référence à remplir, celui-ci récupérerait les informations de ma requête formulé dans mon ficher .php et les afficheraient dans mon container, je pense qu'il faut un script dans mon fichier php pour récupérer les informations de celui-ci puis une fonction dans mon .js pour les afficher, je ne sais pas par où commencer ni comment faire, merci pour votre aide.

mon fichier.php avec mes requêtes

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<?php
 
include('connexion.php');
 
header("Content-Type: text/html; charset=utf-8");
 
 
if (!empty($_POST)) {
 
	$lof = $_POST['lof'];
 
 
	// -------------------------
	// requete : lof
		$lof_query = "SELECT NOM, AFF, TAT, LOF, PUC, TRES, DNAIS, SEX, RADH, RADC, PRAD, PNOM, PRES, MRAD, MNOM, MRES, PROP, PREN, ELEV ".
			" FROM Chien ".
			" WHERE LOF like :lof; ";
 
	  try {
		$pdo_select = $pdo->prepare($lof_query);
		$pdo_select->execute( array(
			':lof' => '%'.$lof.'%'
 
 
			));
		$lof_nombre = $pdo_select->rowCount();
		$lof_rowAll	= $pdo_select->fetchAll();
 
 
	  } 
	  catch (PDOException $e) { 
	  	echo 'Erreur SQL : '. $e->getMessage().'<br/>'; die(); 
	  }
 
	// -------------------------
 
	if($lof_nombre>0) {
		// boucle pour lister
		foreach ($lof_rowAll as $lof_row)
		{
 
			if(($lof_row['RADH']=='HD') && ($lof_row['RADC']=='ED')) {	
				echo '<p><strong> ('.$lof_row['RADH'].'/'.$lof_row['RADC'].') </strong>';
			} 
			elseif(($lof_row['RADH']!='HD') && ($lof_row['RADC']=='ED')) {
				echo '<p><strong>( '.$lof_row['RADC'].') </strong>';
			} 
			elseif(($lof_row['RADH']=='HD') && ($lof_row['RADC']!='ED')) {
				echo '<p><strong>( '.$lof_row['RADH'].') </strong>';
			}
				echo '<strong>'.$lof_row['NOM'].' '.$lof_row['AFF'].' '.$lof_row['TRES'].'</strong>';
			if($lof_row['SEX']=='M') {
				echo '<p>N&eacute; le : '.$lof_row['DNAIS'].'    ';
			}
			elseif($lof_row['SEX']=='F') {
				echo '<p>N&eacute;e le : '.$lof_row['DNAIS'].'    ';
			}
				echo'Lof : '.$lof_row['LOF'].'';
			if($lof_row['TAT']>0) {
				echo'Tatouage : '.$lof_row['TAT'].'</p>';
			}
			elseif($lof_row['PUC']>0) {
				echo 'Puce : '.$lof_row['PUC'].'</p>';
			}
				echo '<p>Père: ('.$lof_row['PRAD'].') '.$lof_row['PNOM'].' '.$lof_row['PRES'].' <p>';
				echo '<p>Mère: ('.$lof_row['MRAD'].') '.$lof_row['MNOM'].' '.$lof_row['MRES'].' <p>';
			}
			// condition prod eleveur
			if($lof_row['PROP']==$lof_row['ELEV']) {
				echo '<p><strong> Prod / prop :'.$lof_row['PROP'].' </strong>';
			} 
			elseif($lof_row['PROP']!=$lof_row['ELEV']) {
				echo '<p>Prod:  '.$lof_row['PROP'].' Prop : '.$lof_row['ELEV'].'   ';
			}
			else {
				echo '<p>Rien trouvé...<p>';
			}
		}
}

26/11/2015, 19h43
NoSmoking
Bonjour,
on peut te conseiller au moins
- Comprendre les mécanismes d'AJAX
- Allez plus loin avec AJAX et XMLHttpRequest

Récupération de données du fichier php

Bonjour,

Je rencontre plusieurs problèmes à mon projet

dans mon fichier html pour afficher mon element drag and drop

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="box box-element" data-type="Chien">
                                    <a href="#close" class="remove btn btn-danger btn-xs"><i class="glyphicon glyphicon-remove"></i></a>
                                    <a class="drag btn btn-default btn-xs"><i class="glyphicon glyphicon-move"></i></a>
                                    <span class="configuration">
                                        <a class="btn btn-xs btn-warning settings"  href="#" ><i class="fa fa-gear"></i></a>
                                    </span>
 
                                    <div class="preview">
                                        <i class="fa fa-gear fa-2x"></i>
                                        <div class="element-desc">Chien</div>
                                    </div>
                                    <div class="view">
                                    <div id="results">
                                    </div>    
                                        <br/>
                                        <br/>
                                    </div>
                                </div>

Puis pour afficher mon champ dans la boite de dialogue une fois mis dans ma page

Code:

1
2
3
4
5
6
7
8
 <div class="form-group">
 
             <form action="" method="post">
 
              <input class="form-control" type="text" id="lof" name="lof" placeholder="N° LOF du chien">
 
               </form>
               </div>

Puis dans mon fichier .js pour récupérer les éléments dans ma bdd et les afficher

Code:

1
2
3
4
5
6
7
8
$(document).ready( function() {
      $("#lof").keyup(function() {
        var lof = $('#lof').val();
        $.post('bdd.php', {'lof':lof}, function(data) {
            $('#results').html(data); // affichage des résultats dans le bloc
        });
         });
          });

Problèmes

1) le champ lof apparait dans tout mes éléments
2) lorsque je tape un lof dans le champ, la réponse s'affiche dans mon icône drag and drop, donc je dois la remettre dans la page pour afficher le résultat.
3) l'affichage se fait mais j'ai tout les résultats qui forme ma référence du lof
ex : n°52
affichage : chien 5, chien 2, chien 25 et chien 52.

je ne pense utiliser un mauvais script.

Est ce que quelqu'un à une idée?

Merci