[AJAX] Récupération de variable php

Version imprimable

Bonjour,
j'ai créé une table tb_type puis

Code:

1
2
3
4
5
6
 
INSERT INTO `tb_type` (`id_type`, `lib_type`, `tarif_type`) VALUES 
(1, 'National - Durée 6 mois', 299.00),
(2, 'National - Durée 12 mois', 599.00),
(3, 'Départemental - Durée 12 mois', 199.00),
(4, 'Communal - Durée 12 mois', 159.00);

sur une page.php je crée la requête

Code:

1
2
3
4
5
6
7
 
<?php
...//connexion à la base de donnée
$sql="select * from tb_type";
$res = mysql_query($sql);
$tab = mysql_fetch_assoc($res);
?>

ensuite je crée la function pour instancier l'objet, puis la function pour récupérer les prix :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function prix(){
	var xhr = getXhr(); //getXhr(); function instanciation objet créer auparavant
 
   xhr.onreadystatechange = function(){
	if(xhr.readyState == 4 && xhr.status == 200){
 
	// Et voila à partir d'ici je ne sais pas tros quoi faire lol
        //je voudrais créer 4 variables qui auront pour valeur les tarif_type 
        //cf table tb_type
}

27/07/2007, 21h47
mikaoul

Salut,

Si j'ai bien compris, tu veux uniquement récupérer tous les prix de la table.
Pourquoi utiliser une fonction en javascript, tu peux très simplement le faire dans une page en php, non ?

et ca ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function prix () { xhr = getXhr (); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { // C'est ici que tu va recuperer la valeur de xhr.responseText return xhr.responseText; } } xhr.open("GET","query.php?action=prix", false); xhr.send(null); }
Voila, maintenant ca se corse un peu: le responseText est une chaine de caractères. Il faudrais donc que tu transforme le tableau $tab en chaine de caractères dans ton script php. Ensuite, une fois récupéré dans ton javascript, tu fais la manip inverse pour transformer ta chaine en tableau.

Fait un tour sur la reference de la fonction PHP implode ().

@mikaoul j'ai fait une formulaire presque tout en javascript

j'ai pas très bien compris car
j'ai une page query.php
Code:

1 2 3 4 5 6 7 8 9 10 11 <?php ....//connection base $sql_prix = "SELECT * FROM tb_type"; $res_prix = mysql_query($sql_prix); $tab_prix =array(); while($prix_pub = mysql_fetch_assoc($res_prix)){ prix = $prix_pub['tarif_type']; array_push($tab_prix, $prix); } ?>
seulement cette requète dans query.php
puis comment récupérer $tab_prix[0], $tab_prix[1], $tab_prix[2], $tab_prix[3],
? en js genre var prix_U = $tab_prix[0]...prix_D=..

30/07/2007, 14h51
dream_of_australia

Tu peux mettre dans ton fichier query.php des echo qui afficheront tout le code que tu veux dans ta page finale, c'est comme ça que je fais. L'AJAX te permet de modifier le contenu de toute une partie de ta page sans la recharger, je ne sais pas si c'est très adapté à un passage de variables multiples.

exemple echo "Prix : " . $prix . "€"" ... en faisant des boucles pour tout afficher. Tu peux tout mettre : tableaux, mise en page, variables etc...

Ensuite tu mets dans ta page un <div id='listeprix'></div> qui est vide.

Lorsque tu as ton xhr.responseText tu fais : document.getElementById('listeprix').innerHTML = xhr.responseText ;

Voilà j'espère t'avoir aidé !

je ne veux pas lister les prix mais seulement les 'attribuer' à des variables javascript :
Code:

1 2 3 4 5 6 var prix_U = $tab_prix[0]; var prix_D= $tab_prix[1]; var prix_C =$tab_prix[2]; var prix_N =$tab_prix[3],

Tu peux passer par le XML dans ce cas:

A partir d'un fichier php, tu génères du xml. Dans ce cas, tu récupères ton code avec responseXML.
Ensuite tu le traites en javascript en créant un tableau.

Un truc du genre

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function prix () {
  xhr = getXhr ();
  xhr.open("POST","listePrix_XML.php", false);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
    // C'est ici que tu va recuperer la valeur de xhr.responseText
     traiterXML(xhr.responseXML);
    }
  }
  
  xhr.send("prix="+prix);
}

Ta fonction de traitement en javascript

Code:

1
2
3
4
5
6
7
8
9
 
function traiterXML(xmlDoc) {
  var prix = xmlDoc.getElementsByTagName('prix');
  var listePrix = new Array();
  for (var i=0; i < prix.length; ++i) {
    listePrix .push(prix[i].firstChild.data);
  }
  return listePrix ;
}

Et enfin ton code php pour listePrix_XML.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
header('Content-Type: text/xml;charset=utf-8');
print(utf8_encode("<?xml version='1.0' encoding='UTF-8' ?><liste>"));
if (isset($_POST['prix'])) {
    $prix= utf8_decode($_POST['prix']);

   
....//connection base
$sql_prix = "SELECT * FROM tb_type";
$res_prix = mysql_query($sql_prix);
$tab_prix =array();
while($prix_pub = mysql_fetch_assoc($res_prix)){
     print (utf8_encode("<prix>".$prix_pub['tarif_type']
."</prix>"));



print ("</liste>");
?>

Voilà, bon courage