[AJAX] Importer plusieurs valeurs php

**laurentg2003** · 26/01/2010, 20h48

bonjour,
Je souhaite faire défiler une galerie photo avec les titres etc
et je voudrais utiliser du DHTML et AJAX donc
J'ai créé une requete ajax vers mon script php
je voudrais importer plusieurs valeurs et ma base donc
mon tableau php est un tableau de tableau
Quelle est la méthode à suivre svp?

Merci

**E.Bzz** · 27/01/2010, 09h41

Bonjour,

Envoyé par laurentg2003

Quelle est la méthode à suivre svp?

le tout premier point est ... de fournir un peu plus de détails

Quelle est la structure actuelle de ta page (le code aiderait !) ?
Qu'est-ce qui est déjà en place ?
Quelle est le fonctionnement prévu (actions utilisateur etc.) ?
Qu'est ce que tu entends pas "importer plusieurs valeurs et ma base" ?
Quel est le volume (nombre de photos) ?

Bref ...

A+

**laurentg2003** · 27/01/2010, 14h05

une galerie peut compter une centaine de photos et le site peut compter plusieurs galerie le seul user c'est moi
Mon code ajax

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<script type="text/javascript">
var xmlhttp = false;
if (window.ActiveXObject) {
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
   xmlhttp = new XMLHttpRequest();
   xmlhttp.overrideMimeType('text/xml');
}
function exReq(){
   //var state = document.forms[0].elements[0].value;
   //var url = 'ajax.php?state='// + state;
   xmlhttp.open('GET','ajax.php',true);
   xmlhttp.onreadystatechange = writeResponse;
   xmlhttp.send(null);
 
 
}
 
function writeResponse() {
 
str1="";
str2="";
str3="";
var state=xmlhttp.status;
//clearTimeout(newtimer);
switch (xmlhttp.readyState){
case(2):var appel1 = setTimeout(str1=rqSent(state),5000);
//clearTimeout(appel1);
case(3):var appel2 = setTimeout(str2=waitRq(state),5000);
//clearTimeout(appel2);
case(4):var appel3 = setTimeout(str3=response(state),5000);
alert(typeof(str3));
break;
 
 
} 
 
var myid = document.getElementById('affiche');
    myid.innerHTML=str3;		
 
//clearTimeout(appel3);}
 
 
}
 
 
function rqSent(state){
 
var str1 ="requête envoyée le status est :"+state;
return str1;
}
function waitRq(state){
var str2 ="Réponse en cours de réception...le status est :"+state;
return str2
} 
 
function response(state){
 
var str3 ="Réponse est :"+xmlhttp.responseText+" le status est :"+state;	
return str3
 
}
function init(){
exReq();
}
newtimer = setTimeout("init()",6000);
 
</script>
<body>
 
 
 
 
<div id="affiche"></div>
 
 
 
 
 
 
 
 
 
 
</body>

Mon code php en php4
je passerai en php5 mais là ils'agissait de vite fr une requete

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php
require ("Connect.php");
 
// à mettre en poo avec les classes de webcréation-lg
function recupDatabase(){
$connexion = mysql_pconnect (SERVEUR,NOM,PASSE);
 
if (! $connexion)
{
 echo"Désolé,connexion à " . SERVEUR ." impossible\n";
 exit;
}
 
if (! mysql_select_db (BASE,$connexion))
{
 echo "Désolé,accés à la base " . BASE . " impossible\n";
}
 
$sql = "SELECT * FROM `galerie`";
// envoie de la requête
$req = mysql_query($sql) or die('<u>Probleme SQL</u> : '.$sql.'<br>'.mysql_error
());  
 
$num_rows = mysql_num_rows($req);
 
// affichage des résultats avec $nb résultats par ligne
 
while($resultat = mysql_fetch_array($req)) {
 
 
 
 
 
$nompiste[] = $resultat['piste'];
$grandtitre[] = $resultat['grandtitre'];
$titre[] =  $resultat['titre'];
$image[] = $resultat['image'];
$nom[] = $resultat['nom'];
$miniature[] = $resultat['miniature'];
$numphotoclie[] =       $resultat['numphotoclie'];
        
 
}
 
 
 
$database = array($nompiste,$grandtitre,$titre,$image,$nom,$miniature,$numphotoclie);   
 
 
return $database;
}
 
recupDatabase();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
?>

Un echo database transmet un string qui vaut "array" et qui est donc pas un tableau
un return transmet "" donc rien
mon but est simplement d'importer ma base ses données et champs donc ses valeurs
dans un tableau javascript
Ensuite je manipule les données via ajax coté client sur le tableau
le but est de limiter les requetes.
je compte utiliser des pseudos classe en js et des méthodes
et de faire une appli independante le plus possible du serveur
ajax devient une sorte d'aplet
voilà merci

**E.Bzz** · 27/01/2010, 14h13

Envoyé par laurentg2003

mon but est simplement d'importer ma base ses données et champs donc ses valeurs
dans un tableau javascript
Ensuite je manipule les données via ajax coté client sur le tableau
le but est de limiter les requetes.
je compte utiliser des pseudos classe en js et des méthodes
et de faire une appli independante le plus possible du serveur
ajax devient une sorte d'aplet

OK.

Alors le principal soucis est : pourquoi utiliser Ajax ?

Si c'est pour "tout importer" puis gérer l'ensemble (le diaporama) entièrement en Javascript, pourquoi ne pas tout intégrer à ta page lors de sa génération initiale ?
Tu y gagnerais en temps d'exécution et en simplicité ...

EDIT : je parle de charger toutes les url des images (ce que semble faire ton script) et non les images elles-même ...

A+

**laurentg2003** · 27/01/2010, 18h42

C'est evidement ce que fais mon script d'origine
je charge les urls bien sur
mais comme je veux fr defiler les images
sans faire defiler des pages créer dynamiquement via php lors de l'insertion d'images via le backoffice je dois utiliser DHTML
et donc Ajax permet de charger tout la base une fois
et d'avoir les titres etc et ça eviterai de recharger la page a chaque coup pour une nouvelle photo.

Certe via dhtml c faisable c'est ta solution qui est juste mais je veux apprendre Ajax

Merci

**E.Bzz** · 28/01/2010, 09h52

Envoyé par laurentg2003

mais comme je veux fr defiler les images
sans faire defiler des pages créer dynamiquement via php lors de l'insertion d'images via le backoffice je dois utiliser DHTML

Heu ... là je sais pas quoi répondre, vu que j'ai pas compris

Envoyé par laurentg2003

et donc Ajax permet de charger tout la base une fois
et d'avoir les titres etc et ça eviterai de recharger la page a chaque coup pour une nouvelle photo.

Je ne parlais pas de rechargement de la page.
Lors de sa génération initiale, en PHP tu génères un tableau JS, par exemple, contenant toutes les infos dont tu parles (url, titres etc.), puis à partir de cet array (donc sans rechargement de la page), de gérer ton diaporama ...

Envoyé par laurentg2003

mais je veux apprendre Ajax

Là c'est autre chose ....

Par contre, tu vas avoir des allers-retours serveur qui seront peut-être pénalisants pour la fluidité : en plus du chargement de l'image, il y aura l'appel Ajax qui ira chercher des infos à chaque fois ...

A+

**laurentg2003** · 28/01/2010, 13h27

c'est juste mais c'est une maniere de m'initier à ajax
donc comment retourner plusieurs valeurs donc plusieurs champs de ma base
donc comment retourner un tableau et vu la structure de mon tableau php
un tableau de tableau.

Merci

**E.Bzz** · 28/01/2010, 14h13

Envoyé par laurentg2003

donc comment retourner un tableau et vu la structure de mon tableau php
un tableau de tableau.

Dans ton cas, JSON semble particulièrement adapté, puisque le format (et les fonctions associées) est déjà connu à la fois côté PHP et côté Javascript

A+

**laurentg2003** · 28/01/2010, 22h53

c'est juste j'ai regardé ça et je vais le faire quand j'aurais 5 mn
mais au final je renvois une chaine de caractere qui contient tout avec des séparateurs et avec des expressions régulieres je récupere tout
et je fais mon tableau j'aurais pu faire du xml aussi mais je me mefies des histoires d'encodage

merci

**laurentg2003** · 02/03/2010, 20h19

pour conclure ce topic
la solution c'est jason effectivement et le framework prototype

**E.Bzz** · 03/03/2010, 10h09

Envoyé par laurentg2003

la solution c'est jason effectivement

Un peu radical, la tronçonneuse, non ?

Et pas sûr que ça soit super efficace pour l'échange de données ...

A+

**laurentg2003** · 03/03/2010, 11h06

il faut etre logique jason javascript object notation est lié a javascript
via php tu créé un ou des tableaux jason donc des objets
tu retourne le tout via ajax et un eval et "badaboum" tu as des tableaux javaScript valides donc des objets valides directement utilisable mieux
si tu force jason tu peux meme insérer des méthodes ce qui est déconseillé
mais la tu obtiens un super singleton php n'est pas lisible...
Pas de parseur du dom pas de fichier xml valide etc etc
Je pense que jason a plus d'avenir que XML ça parrait logique aprés c'est mon avis d'amateur

**E.Bzz** · 03/03/2010, 11h10

Je faisais juste remarquer qu'il s'agit de JSON et non de Jason

A+

**laurentg2003** · 03/03/2010, 11h16

oui on est loin de la mythologie grecque

tiens comme tu es là

j'ai une question de newbie
deja j'ai trouvé un super cours sur JavaScript objet
http://lti.epfl.ch/Documents/ObjetsJavascript.html

ce code là

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var obj1={attr:234, str:"abcd", fct: function () {this.attr=0}}
                obj1.nom = "uvw" // adjonction d'un attribut
                obj1.fct() // appel d'une fonction de l'objet 
                alert(obj1.attr) // affichage d'un attribut de l'objet

ce code pour créer un objet c'est du javascript ou du Json les 2 accolades m'interpellent...

**E.Bzz** · 03/03/2010, 11h21

C'est bien du Javascript (définition d'un objet).
Aucune présence de JSon.

Les deux dernières accolades, dans l'ordre :

ferme la fonction anonyme
ferme la définition de l'objet

A+

**laurentg2003** · 03/03/2010, 11h47

merci beaucoup

javaScript est un langage passionnant
on croit que c'est un petit langage de script qui sert à rien et on decouvre un grand langage trés riche et puissant

[AJAX] Importer plusieurs valeurs php

AJAX

Discussions similaires

Partager

Partager