R�cup�ration des donn�es

**Pythoniseur** · 10/12/2015, 09h03

Bonjour � tous,
Comme d'habitude, j'ai un probl�me d'affichage de mes donn�es.
Sans l'ajax mes donn�es apparaissent mais pas avec mon script. Je dois oubli� ou mal faire quelque chose mais je ne trouve pas.
Je veux qu'elles apparaissent ans ma div ("hifi").
Merci d'avance.

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
19
20
21
22
23
24
25
26
27
28
29
30
   <script> 
  $(document).ready(function(){
		$("#submit").click(function(){
           var hifi = $("#hifi").val();
				$.ajax({
		url     : 'try.php',
		type    : 'POST',
		data    : {"hifi" :hifi},
		success: function(donnees) {
		      <!--alert('ok');-->
		       $('#hif').val(donnees);
		     		}
		,
		error: function(resultat)
		{
 
		}
	});
});
});</script>
  <title></title>
  </head>
  <body>
	<form action="" method="post" id="hifi" >
		Référence : <input type="text" name = "hifi" id="hifi" size="13" tabindex="2"/>
 		<input type="submit" name="tableau" id="submit" value="OK" tabindex="5" >
		 </form>
    <div id="hif""></div>
   </body>
</html>

Code php :

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
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
require("shared.php");
$req = $bdd->prepare("SELECT * FROM `basehifi` WHERE `hifi` = :hifi");
$req->execute(array(':hifi'=>($_POST['hifi'])));
$nbart=$req->rowCount();
if($nbart<='0'){
echo "<table class='spp'><th class='w10'>Référence HIFI</th><th class='w15'>Option1</th><th class='w15'>Option2</th><th class='w15'>Option3</th><th class='w15'>Option4</th><th class='w30'>Désignation</th>";
echo "<tr>";
	echo '<td>'. $_POST['hifi'] .'</td><td><img src="images/croix.jpg" alt="croix" width=20 height=20/></td><td><img src="images/croix.jpg" alt="croix" width=20 height=20/></td><td><img src="images/croix.jpg" alt="croix" width=20 height=20/></td><td><img src="images/croix.jpg" alt="croix" width=20 height=20/></td><td>PAS DE CORRESPONDANCE</td>';
echo "</tr>";
echo "</table>";
}
else {
echo "<table class='spp'><th class='w10'>Référence HIFI</th><th class='w15'>Option1</th><th class='w15'>Option2</th><th class='w15'>Option3</th><th class='w15'>Option4</th><th class='w30'>Désignation</th>";
while ($donnees = $req->fetch())
{
echo "<tr>";
	echo '<td>'. $_POST['hifi'] .'</td><td>'. $donnees['opt1'] .'</td>';
  echo '<td>';
  if(!$donnees['opt2']){
  echo '<img src="images/croix.jpg" alt="croix" width=20 height=20/>';
  }else{
  echo $donnees['opt2'];
  };
  echo '</td>';
  echo '<td>';
  if(!$donnees['opt3']){
  echo '<img src="images/croix.jpg" alt="croix" width=20 height=20/>';
  }else{
  echo $donnees['opt3'];
  };
  echo '</td>';
    echo '<td>';
  if(!$donnees['opt4']){
  echo '<img src="images/croix.jpg" alt="croix" width=20 height=20/>';
  }else{
  echo $donnees['opt4'];
  };
  echo '</td>';
  echo '<td>'. $donnees['desi'] .'</td>';
echo "</tr>";
}
echo "</table>";
}
?>

**Unkof** · 10/12/2015, 09h49

$('#hif').val(donnees);

Ce serait pas plut�t .... $('#hifi').val(donnees); ... ? ... vu que tu parles de la div hifi.

Sinon, quelques explications pour dire si tu as quelque chose, un mess d'erreur par exemple, ce serait bien

**Pythoniseur** · 10/12/2015, 10h15

Merci pour ton id�e, mais il y avait une erreur de frappe et donc c'est bien la div hif.
Par contre pas de message d'erreur.
Quand je valide via ok, il y a bien une recherche, l'input se vide mais rien ne s'affiche.
Merci d'avance.

**Unkof** · 10/12/2015, 15h25

Un exemple simple, que tu peux tester pour comprendre :

test.html

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
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
<!DOCTYPE html>
<html>
	<head>
		 <meta charset="utf-8">
		 <title>Exemple Ajax</title>
		 <script src="jquery-2.1.0.min.js"></script>
	</head>
	<body>
		 <p>Référence : <input type="text" name = "hifi" id="hifi" size="13" tabindex="2"/>
		 <input type="submit" name="btn" id="btn" value="OK" tabindex="5" ></p>
		 <div id="hif" name="hif">Ceci est un texte</div>
		 <script> 
			 $(document).ready(function()
			 	{
					 $("#btn").click(function()
						{
							 var pseudo=$("#hifi").val();
							 alert("valeur de #hif="+pseudo);
							 $.ajax(
								{
									 url     : 'test.php',
									 type    : 'POST',
									 data	 : 'var='+pseudo, 
									 dataType: 'text',
									 success: function (donnees,statut) 
										{
											 alert("SUCCESS! donnees="+donnees+" statut="+statut);
											 $("#hif").text(donnees);
 
											 // Exemmple Method LOAD
											 $("#hifi").val("LOADMETHOD");
											 alert("Changement contenu INPUT effectué");
											 $("#hif").load("test.php",{var: $("#hifi").val()});
										},
									 error: function (resultat,statut,erreur)
										{
											 alert("Error! dans le resultat de la requete AJAX!");
										}
								});
						});
				});
		 </script>
	</body>
</html>

test.php

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<?Php
	 $var=$_POST['var'];
	 $var="modifphp_".$var;
	 print($var);
?>

Il y a 2 m�thodes, une qui utilise "$.ajax", et l'autre qui utilise "load", beaucoup plus courte.

**Pythoniseur** · 10/12/2015, 16h53

Merci, mais je n'arrive pas � appliquer ta solution � mon probl�me.
Merci encore.

**NoSmoking** · 10/12/2015, 18h31

Bonjour,
cette ligne est-elle vraiment dans ton code javascript ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<!--alert('ok');-->

R�cup�ration des donn�es

JavaScript

Vue hybride

Discussions similaires

Partager

Partager