tester l'existence des données dans sql javascript Fermé

Question

Bonjour, 
 j'ai un formulaire qui contient 4 champs : année , mois , V1 et V2  (valeurs), et pour les valeurs je le rentre selon l'année , je veux faire un test javascript quand je clique sur l'année s'il y a des données pour cette année il va m'afficher le formulaire remplit si il y a pas des données il va m'afficher le formulaire vide , quelqu'un peut m'aider , merci d'avance.

Natio78 · Answer

avec un peu d'ajax tu dois pouvoir faire ça simplement.
Regarde sur jQuery ( https://api.jquery.com/jQuery.ajax/ ou  https://api.jquery.com/jQuery.getJSON/

En gros ce que tu fais dans ton javascript en simplifié:

$("ton_champ_date").change(function() {
//envoi ta requête ajax

$.getJSON('mapage.php', {
		annee: ton_champ_date.val()
	}, function(data)
	{
	   if(data.exist)
	   {
			 monchamp1.val((data.values[0]['monchamp1']));
			 monchamp2.val((data.values[0]['monchamp2']));
		}
	   else
		  return false;
    });
});


et dans mapage.php tu fais ta requête sql pour récupérer les données et tu envoies la réponse en json


<?php
     $sql = ("SELECT blabla FROM blibli WHERE annee = $_GET['annee']);
      // Là tu fais ta requête
        ......
        ....
        ...

// retour en json

echo json_encode(array("exist"=>true, "values"=>$marequete));
?>

AMARI · Answer

je vous remercie infiniment Natio78 , mais j'ai un souci j'ai jamais travailler en ajax est ce que vous pouvez me donner la requête ajax , j'ai bien compris le code que vous m'avez envoyé par contre la partie ajax non car je suis nulle en ajax ,  merci d'avance .

Natio78 · Answer

la requête ajax je te l'ai faite en gros via le $.getJSON c'est cette fonction en javascript qui va te permettre d'envoyer tes données à ta page (mapage.php). Tu récupères ensuite les données sous la forme $_GET['id']
si tu as d'autres questions n'hésite pas

Natio78 · Answer

Si tu veux un coup de main supplémentaire copie ici le code de ton formulaire (le html)

AMARI · Answer

d'accord je vous donne le code de ma page , merci beaucoup : code php et html : ESPACE PRIVE

- : : : Les paramètres du bases : : : -

"Janvier","2"=>"Février","3"=>"Mars","4"=>"Avril","5"=>"Mai","6"=>"Juin","7"=>"Juillet","8"=>"Aout","9"=>"Septembre","10"=>"Octobre","11"=>"Novembre","12"=>"Décembre"); //On verifie que le formulaire a été envoye if(isset( $_POST['envoi'])) { //recup des valeurs postées $annee = $_POST['annee']; $arrayMois = $_POST['Mois']; $arrayPrecipitation = $_POST['Precipitation']; $arrayEvap_eau = $_POST['Evap_eau']; //il faut faire autant de requette INSERT que de lignes remplies //on parcours l'array $arrayMois foreach($arrayMois as $mois=>$value){ //$mois = l'index qui va aussi servir dans les autres array // ex: P1[5] contient la valeur saisie dasn P1 du mois 5 if(!empty($arrayPrecipitation[$mois]) && !empty($arrayEvap_eau[$mois] )){ //si les deux champs Precipitation et Evap_eau ont été remplis pour le mois considéré on enregistre dans la BDD $sql='INSERT INTO parmetres( annee, Mois, Precipitation, Evap_eau ) VALUES ("'.$annee.'", "'.$mois.'", "'.$arrayPrecipitation[$mois].'","'.$arrayEvap_eau[$mois].'")'; $requete = $db->query($sql) ; } } } ?>

'; //première colonne (année) if($n==1){ //si première ligne on met la liste déroulante année dans la colonne 1 echo ''; } echo ''; echo ''; echo ''; echo ''; } ?>

Année	Mois	Precipitation	Evap_eau
'; //colonne qui fait les 12 lignes $annee=date("Y"); echo ''; echo '	'; echo ''; echo '	'; //colonne Precipitation echo ''; echo '	'; //colonne Evap_eau echo ''; echo '

Retour à l'accueil

Natio78 · Answer

je regarde ton code rapidement. En attendant récupère jQuery (http://code.jquery.com/jquery-1.9.1.min.js pour le récupérer tu fais un copier coller de cette page dans un fichier que tu appeleras jquery.js sur ton serveur. C'est une bibliothèque de fonctions javascript qui va nous faciliter la vie pour la suite

Natio78 · Answer

pour bien t'aider j'ai besoin de savoir aussi ce que retourne ta requête à la base de données quand tu fais genre un 
SELECT * FROM parametre WHERE annee = "1993" 
par exemple

AMARI · Answer

merci  d'accord  par contre est ce que je peux le mettre dans le dossier dans le quelle   il y a mes pages que je travaille sur ?
pour  la partie javascript que vous m'avez envoyé j'ai modifier juste le nom de quelque variable et j'ai l'enregistré sous une page test.js et j'ai ajouté la partie php dans  ma page php que je l'ai envoyé mais je sais pas comment je vais appeler la page test.js ??
$("annee").change(function() {
//envoi ta requête ajax

$.getJSON('parametre.php', {
		annee: annee.val()
	}, function(data)
	{
	   if(data.exist)
	   {
			 Percipitation.val((data.values[0]['Percipitation']));
			 Evap_eau.val((data.values[0]['Evap_eau']));
		}
	   else
		  return false;
    });
});

Natio78 · Answer

alors il va falloir changer un peu ce que je t'avais envoyé, pour le js ça devrait ressembler à ça: $(function() { $("#annee").change(function() { $.getJSON('transactions/getInfos.php', { annee: $("#annee").val() }, function(data) { if(data.exist) { for(var i in data) { $("#Precipitation"+i).val(data.values[i]['Precipitation']); $("#Evap_eau"+i).val(data.values[i]['Evap_eau']); } } else return false; }); }); }); ne pas oublier d'ajouter ça en haut de ta page html: et pour ce qui est du fichier jquery tu peux le mettre où tu veux. mais pour plus de propreté je te conseille de créer un dossier "js" dans lequel tu mettras tout tes fichiers javascript. donc tu aurais: js/jquery.js js/parametre.js (ou test.js) il faut aussi que tu ajoutes des id sur tes inputs dans ton tableau. exemple ligne 85 tu as echo ''; il faudrait mettre echo ''; comme le name en fait. Il faut faire ça pour les precipitation et evap_eau

AMARI · Answer

elle m'envoie les 12 mois et les valeurs : précipitation et Evap_eau de chaque moi

Natio78 · Answer

tu pourrais faire la requête en php et fait un print_r du resultat pour que je vois le format du tableau? 

Par exemple: 

<?php 
  require_once('dbconnect.php');  
  $sql = 'SELECT * FROM parametre WHERE annee ="1993"' ;
  $resultat = $db->query($sql) ;  

  print_r($resultat); 
?> 


suffit de mettre ce bout de code dans un fichier bidon (bidon.php) et d'aller sur la page pour voir ce qui est généré 

Enjoy!

AMARI · Answer

j'ai essayé de généré la requête: 
<?php 
  require_once('dbconnect.php');  
  $sql = 'SELECT * FROM parametre WHERE annee ="1993"' ;
  $resultat = $db->query($sql) ;  

  print_r($resultat); 
?> 

 dans la page php elle m'a afficher ça comme résultat 
mysqli_result Object ( [current_field] => 0 [field_count] => 4 [lengths] => [num_rows] => 13 [type] => 0 )
 et quand j'ai généré la requête dans sql ça marche normal

Natio78 · Answer

fais ça plutôt alors:   

require_once('dbconnect.php');    
$sql = 'SELECT * FROM parametre WHERE annee ="1993"' ;    
$result = $db->query($sql); 
$row = $result->fetch(PDO::FETCH_ASSOC); 
print_r($row); 



    

Enjoy!

AMARI · Answer

D'accord, par contre pour la partie javascript et php que vous m'avez envoyé j'ai fait comme vous m'avez dit et quand je clique sur l'année par exemple 1993 ( qu'il y a déjà des valeurs dans sql )pour cette année elle m'affiche pas les formulaire remplit elle me laisse toujours sur la même page  du coup le code ne fonctionne pas c'est quoi l'erreur .
 et pour la requête  il m'affiche ça comme erreur : Undefined variable: lines in C:\wamp\www

Natio78 · Answer

on en est au tout début! il va falloir ajouter encore des choses pour que ça fonctionne, ça serait trop beau!
je vais déjeuner on continue en début d'après midi. J'ai édité le bout de code php pour la requête SQL (je m'étais trompé). 
à tout à l'heure

AMARI · Answer

bon appétit à toute à l'heure :)

AMARI · Answer

cc Natio78  vous êtes toujours là ?

Natio78 · Answer

oui je suis revenu.
As tu essayé ce que j'ai mis au dessus?


require_once('dbconnect.php');    
$sql = 'SELECT * FROM parametre WHERE annee ="1993"' ;    
$result = $db->query($sql); 
$row = $result->fetch(PDO::FETCH_ASSOC); 
print_r($row);

Natio78 · Answer

quel navigateur utilises tu au fait? firefox, chrome, IE? car ça serait bien d'avoir un débug pour la partie ajax ça serait plus simple. donc on récapitule. Pour l'instant tu dois avoir la page que tu m'avais copié avec en haut dans la partie header ça en plus: Tu dois avoir un dossier js créé avec dedans 2 fichiers: - jquery.js (contenant le code de jquery) - test.js (contenant le code que je t'ai mis au dessus). tu dois aussi avoir un dossier transaction créé (à la racine de ton site) avec dedans: - parametre.php (ce fichier servira à interroger la base de données et renvoyer les infos en json à test.js). si tu as bien tout ça on va pouvoir continuer

AMARI · Answer

j'ai essayé il m'afficher ça comme erreur :
Fatal error: Call to une fonction membre fetch () sur un non-objet dans C: \ wamp \ www
alors j'ai essayé avec ce lui là
 $sql = 'SELECT * FROM parametre WHERE annee ="1993"' ;    
$result = $db->query($sql); 
$row = mysqli_fetch($result); 
print_r($row); 
Attention: mysqli_fetch () s'attend à ce paramètre 1 pour être mysqli_stmt, booléen donné dans C: \ wamp \ www \ Autentification \ parametre.php on line 69

Natio78 · Answer

ok essai un dernier truc sinon on se débrouillera sans ça.  

require_once('dbconnect.php');      
$sth = $db->prepare('SELECT * FROM parametre WHERE annee ="1993"');  
$sth->execute();   
$result= $sth->fetchAll(PDO::FETCH_ASSOC); 
print_r($result);   
   

Enjoy!

AMARI · Answer

oui j'en ai tout  et j'utilise google chrome pour le moment mais après quand je termine et j'héberge le site ça sera à l'utilisateur de choisir le navigateur que lui plait

AMARI · Answer

j'ai essayé avec le dernier code et aussi il m'a afficher cet erreur :
Attention: mysqli_stmt :: fetch () attend exactement 0, 1 paramètres donnés dans C: \ wamp \ www

Natio78 · Answer

ok cool avec chrome le debug est intégré directement ça sera plus simple.
Normalement si tu fais clique droit sur ta page tu as  "inspecter l'élément" ça ouvre une fenêtre en bas de ta page. Sur cette fenêtre sur as un onglet 'console' c'est là que tu verras les erreurs javascript

AMARI · Answer

c'est bon pour la partie console je l'ai vu :)

Natio78 · Answer

as tu bien tout ce que je t'avais récapitulé  ici => https://forums.commentcamarche.net/forum/affich-27721909-tester-l-existence-des-donnees-dans-sql-javascript#19

si oui on va pouvoir commencer à tester des choses

AMARI · Answer

oui c'est bon j'en ai tout  :)  on peut commencer

Natio78 · Answer

il va falloir commencer par modifier un peu le js.
donc tu vas mettre ça dans le fichier test.js à la place de ce qu'il y a actuellement



$(function() {

	$("#annee").change(function() {
              //affichage dans la console javascript de chrome de la valeur de l'année sélectionnée
		console.log($('#annee').val());

		$.getJSON('transactions/parametre.php', {
			annee: $("#annee").val()
		}, function(data)
		{
		   if(data.exist)
		   {
				for(var i in data)
				{
					$("#Precipitation"+i).val(data.values[i]['Precipitation']);
					$("#Evap_eau"+i).val(data.values[i]['Evap_eau']);
				
				}
			
		   }
		   else
			  return false;
		});
	});
});


 
 
Normalement quand tu changeras de valeur dans ta liste déroulante tu devrais voir la valeur qui change dans la console de chrome.

tu vas aussi mettre ça dans ton fichier transaction/parametre.php


<?php
  print_r($_GET);

?>


ce petit bout de php devrait nous montrer si ton js communique bien avec ton php et si la valeur reçue par php est la bonne. tu peux voir ça dans la console encore tu vas par contre dans l'onglet "network" quand tu changes de valeur dans ta liste déroulante ça devrait appeler le fichier transaction/parametre.php et il devrait s'afficher ici. clique dessus pour voir le contenu retourné. Demande moi si tu ne comprends pas bien quelque chose car je ne suis peut être pas très clair

AMARI · Answer

j'ai suivi vos étapes pour les codes après j'ai choisi une année il a rien fait et dans le console il ne m'affiche pas l'année sélectionner :(

Natio78 · Answer

Avant tout rafraichir la page au cas où (ctrl+r) car le javascript se passe côté client il faut donc recharger les fichiers

Natio78 · Answer

j'ai reproduit le tout chez moi et ça fonctionne il doit manquer quelque chose alors. tu as bien le fichier principal (index.php) avec en haut ça entre les balises le dossier js avec dedans 2 fichiers: test.js et jquery.js le dossier transactions avec dedans un fichier : parametre.php un petit conseil: affiche l'interface debug de chrome et fais un ctrl+r pour rafraichir. Si tu vas dans l'onglet network tu vois les fichiers qui sont chargés, tu devrais avoir style.css jquery.js et test.js, si l'un d'eux apparait en rouge c'est qu'il ne le trouve pas

AMARI · Answer

alors vous avez raison il m'a afficher 3 erreurs :
GET http://localhost/Amari/css/style.css 404 (Not Found) parametre.php:9
Uncaught SyntaxError: Unexpected identifier jquery.js:1
Uncaught ReferenceError: $ is not defined 
et j'en ai la page css dans le dossier

Natio78 · Answer

bon il y a plusieurs erreurs on va les décrypter...
style.css not found à la rigueur ça on s'en fou ça concerne pas ce qu'on est entrain de faire.


Pour parametre.php:
vide le complètement et met juste ça dedans:

<?php
  print_r($_GET);
?>
 
 
c'est tout pour son contenu. on aura plus d'erreurs sur ce fichier là.

Il y a un problème sur le fichier jquery.js, as tu bien recopié tout le contenu de la page suivante : http://code.jquery.com/jquery-1.9.1.min.js (ctrl+a pour tout sélectionner puis copier et coller dans ton fichier jquery.js)

la dernière erreur vient du fait qu'il y a un prob sur la copie de jquery

AMARI · Answer

voilà il affiche l'année mais il ya toujours 2 erreurs :
GET http://localhost/Amari/css/style.css 404 (Not Found) parametre.php:9
2010 Test.js:6
GET http://localhost/Amari/transactions/parametre.php?annee=2010 404 (Not Found) jquery.js:5

Natio78 · Answer

le fichier parametre.php se trouve bien dans le dossier "transactions"? attention il est au pluriel. là il dit qu'il ne trouve pas le fichier parametre.php qu'il doit appeler à la ligne 6 du fichier test.js car effectivement ligne 6 on a bien:

	$.getJSON('transactions/parametre.php', {

AMARI · Answer

c'est bon je l'ai corrigé la dans le console il reste juste l'erreur de la page css et c'est pas important pour le moment, on peut continuer ?

Natio78 · Answer

oui, donc on a bien les années qui s'affichent? et dans l'onglet network on a bien "parametre.php" qui doit s'afficher à chaque fois qu'on change de date dans la liste déroulante? lorsque tu cliques dessus il y a bien la même année que celle sélectionnée?

AMARI · Answer

oui tout est bien

Natio78 · Answer

ok on va ajouter un peu de php donc dans parametre.php, il va falloir maintenant effectuer la requête à la base de données en fonction de l'année pour renvoyer en json le contenu de la base. 
C'est le seul point que je ne pourrai pas vraiment tester car je n'ai pas ta base de données. Donc j'espère que ça va fonctionner assez rapidement ^^

donc dans parametre.php tu mets:


<?php
require_once('../dbconnect.php'); 
$myArray = array();
$sql = "SELECT * FROM parametre WHERE annee = '".$_GET['annee']."'";

if ($result = $db->query($sql)) {

    while($row = $result->fetch_array(MYSQL_ASSOC)) {
            $myArray[] = $row;
    }
    echo json_encode(array("values"=>$myArray));
}

$result->close();
$db->close(); 

?>

 
après tu recharges ta page et tu changes de date dans la liste déroulante. tu regardes dans l'onglet "network" du debug pour voir ce que renvoi la page "parametre.php" (en espérant que ce ne soit pas une erreur!)

AMARI · Answer

il m'affiche tout d'abord cet erreur 
 Notice: Undefined index: annee dans C: \ wamp \ www 
avec  ça 
{"values":[{"annee":"0","Mois":"0","Precipitation":"1","Evap_eau":"0"},{"annee":"0","Mois":"6","Precipitation":"6","Evap_eau":"6"},{"annee":"0","Mois":"13","Precipitation":"2","Evap_eau":"13"}]}
 et vite fait ça s'enlève et il reste que ça  la partie  : Notice: Undefined index: annee dans C: \ wamp \ www ;
pour ma table en fait j'ai 4 champs ; annee , Mois , Percipitation , Eavap_eau

Natio78 · Answer

ok ça marche quand même un peu ça avance ça retourne à peut près ce que j'espérais

AMARI · Answer

d'accord , après on fait quoi , le problème pour moi pourquoi il considère l'annee comme indifinie ??

Natio78 · Answer

c'est étonnant, parcequ'il fait quand même la requête. il faudrait savoir à quelle variable "annee" il fait référence.

sinon en attendant tu peux aussi modifier le fichier test.js comme ça:



$(function() {

	$("#annee").change(function() {
		console.log($('#annee').val());
		$.getJSON('transactions/parametre.php', {
			annee: $("#annee").val()
		}, function(data)
		{
		   if(data)
		   {
		   console.log(data);
				for(var i in data)
				{
					
					$("#Precipitation"+data[i]['mois']).val(data[i]['Precipitation']);
					$("#Evap_eau"+data[i]['mois']).val(data[i]['Evap_eau']);
				
				
				}
			
		   }
		   else
			  return false;
		});
	});
});

AMARI · Answer

ça change rien et aussi pour toutes les années il m'affiche les même valeurs même si l'année en question elle a pas des valeurs dans la base sql :
{"values":[{"annee":"0","Mois":"0","Precipitation":"1","Evap_eau":"0"},{"annee":"0","Mois":"6","Precipitation":"6","Evap_eau":"6"},{"annee":"0","Mois":"13","Precipitation":"2","Evap_eau":"13"}]} 
j'arrive pas à comprendre pourquoi :(

AMARI · Answer

d'accord je vous attends et au même temps je suis entrain de chercher d'ou vient l'erreur à tout de suite :)

Natio78 · Answer

me revoila.
Bon si on fait un select * from parametre WHERE annee = "1993" directement dans phpmyadmin ça donne quoi?

ajoute aussi un echo $sql; juste après la déclaration de la variable comme ça:


$sql = 'SELECT * FROM parametre WHERE annee = "'.$_GET['annee'].'"';
echo "la requête est: - "
echo $sql;


il devrait y avoir dans le network de chrome la requête qui s'affiche

AMARI · Answer

il m'a affiché ça  sans  erreur :
Array ( ) SELECT * FROM parmetres WHERE annee = "1993"[{"annee":"1993","Mois":"0","Precipitation":"0","Evap_eau":"0"},{"annee":"1993","Mois":"6","Precipitation":"2","Evap_eau":"2"}]

Natio78 · Answer

c'est bizarre là ça fonctionne O_o'
par contre une précision pourquoi il y a un mois à 0? c'est pas de 1 à 12 les mois?
peux tu me copier coller l'ensemble de ton fichier parametre.php ici que je vois bien tout?
merci

AMARI · Answer

par contre j'ai essayé d'exécuter la requête dans sql il m'a affiché :
MySQL a retourné un résultat vide (aucune ligne) et il prend pas en fait les valeurs qui sont dans la bases il prend juste la première ligne et si je le fasse il va afficher rien même dans la page web .

AMARI · Answer

j'arrive pas à comprendre pour chez moi ça marche pas pour il ne prend pas les valeurs insérées en considération  :(:(

AMARI · Answer

c'est bon ça marche pour l'année 1994 enfin voilà 
Array ( ) SELECT * FROM parmetres WHERE annee = 1994[{"annee":"1994","Mois":"1","Precipitation":"1","Evap_eau":"1"},{"annee":"1994","Mois":"2","Precipitation":"1","Evap_eau":"7"},{"annee":"1994","Mois":"3","Precipitation":"2","Evap_eau":"3"},{"annee":"1994","Mois":"4","Precipitation":"4","Evap_eau":"4"},{"annee":"1994","Mois":"5","Precipitation":"5","Evap_eau":"5"},{"annee":"1994","Mois":"6","Precipitation":"6","Evap_eau":"6"},{"annee":"1994","Mois":"7","Precipitation":"7","Evap_eau":"7"},{"annee":"1994","Mois":"8","Precipitation":"8","Evap_eau":"8"},{"annee":"1994","Mois":"9","Precipitation":"9","Evap_eau":"9"},{"annee":"1994","Mois":"10","Precipitation":"10","Evap_eau":"10"},{"annee":"1994","Mois":"11","Precipitation":"11","Evap_eau":"11"},{"annee":"1994","Mois":"12","Precipitation":"12","Evap_eau":"12"}], 
là on peut continuer

Natio78 · Answer

ahhhhh cool! attends je vérifie quelque chose rapidement je te dis ce que tu vas devoir modifier

Natio78 · Answer

il va falloir faire quelques modifications:
pour le fichier test.js tu as juste à le remplacer intégralement par ça:



$(function() {

	$("#annee").change(function() {
		console.log($('#annee').val());
		$.getJSON('transactions/parametre.php', {
			annee: $("#annee").val()
		}, function(data)
		{
		   if(data)
		   {
				for(var i in data)
				{
					console.log("mois : "+data[i]['mois']+" - precipitation :"+data[i]['Precipitation']);
					$("#Precipitation"+data[i]['mois']).val(data[i]['Precipitation']);
					$("#Evap_eau"+data[i]['mois']).val(data[i]['Evap_eau']);
				
				}
			
		   }
		   else
			  return false;
		});
	});
});

Natio78 · Answer

une dernière modification: dans ton fichier principal (index.php ?) tu vas devoir changer les id sur deux lignes: echo ''; echo '';

Natio78 · Answer

et pour finir, dans le fichier parametre.php il faut supprimer tous les "echo" et les print_r à part  echo json_encode($myArray);

AMARI · Answer

j'ai supprimé les echo et les print_r , j'ai remplacé la ligne : 
//$sql1 = 'SELECT * FROM parmetres WHERE annee = 1994'; par 
$sql1 = "SELECT * FROM parmetres WHERE annee = '".$_GET['annee']."'"; 
alors il a rien fait comme teste il m'a affiché le même erreur annee indifinie :(
et pour le teste je veux si une année sélectionné a des valeurs dans la BD  il m'affiche le formulaire remplit c'à adire le teste avec la partie ajax il vont récupérer les valeur si  il y a pas de valeurs il va m'afficher le formulaire vide , pour le console et network il affiche l'année sélectionnée ça marche ça

AMARI · Answer

ça change rien pour moi l'année toujours in définie et si je clique sur une année qu'a déjà de valeurs il me laisse toujours dans la même page sans rien changer :(:( :(  ça va me rendre folle :(:(

Natio78 · Answer

fais moi une réponse avec un copier coller de chacun des 3 fichiers s'il te plait 

Enjoy!

AMARI · Answer

merci pour votre adresse une minute et je vous envoie tous

AMARI · Answer

est ce que vous avez reçu mon mail

Tester l'existence des données dans sql javascript

60 réponses

Discussions similaires