Récupération des données

Version imprimable

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:

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:

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>";
}
?>

10/12/2015, 09h49
Unkof

Citation:

$('#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 :)
10/12/2015, 10h15
Pythoniseur

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.

Un exemple simple, que tu peux tester pour comprendre :

test.html

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
<!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:

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.

10/12/2015, 16h53
Pythoniseur

Merci, mais je n'arrive pas à appliquer ta solution à mon problème.
Merci encore.
10/12/2015, 18h31
NoSmoking

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

Code:


10/12/2015, 19h55
Pythoniseur

Salut,
Non je l'avais enlever.
12/12/2015, 10h02
NoSmoking

Citation:

...mais il y avait une erreur de frappe et donc c'est bien la div hif.

$('#hif').val(donnees) ne devrait-il pas plutôt être $('#hif').html(donnees) !