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