Discussion :

[Sharcoux]

Bonjour,

je travaille sur une application javascript, et j'ai besoin de communiquer avec un serveur, donc avec un fichier php. J'ai sur ce fichier une fonction php qui renvoie la liste des fichiers du serveur sous format json. Je n'ai à présent qu'un seul problème : comment exécuter cette fonction et en récupérer le résultat depuis mon application javascript ?

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
function filesList($dirname) {
    $dir = opendir($dirname);
    $filesArray = array();
 
    while($file = readdir($dir)) {
        if($file != '.' && $file != '..' && !is_dir($dirname.$file))
        {
            $filesArray[] = $file;
        }
    }
 
    closedir($dir);
    $jsonList = json_encode($filesArray);
    return $jsonList;
}

[andry.aime]

Bonjour,

ça c'est AJAX.

A+.

[Sharcoux]

oui, je m'en doute bien. Je vais expliquer un peu mieux le pb :

Code :

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

1
2
3
4
5
6
7
    maListeDeFichiers = null;
 
    $.ajax({
        url: monFichier.php,
        type: "GET",
	success: ???,
    });

Que mettre dans success pour récupérer la liste et la mettre dans maListeDeFichiers?

[andry.aime]

Code :

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

1
2
success: function(data){alert(data) },
    });

data sera le résultat retourne par le fichier coté serveur.

[Bovino]

Déjà, si tu es censé récupérer un format JSON, il est préférable de l'indiquer à jQuery

Code :

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

1
2
3
4
5
6
$.ajax({
    url: monFichier.php,
    type: "GET",
    dataType: "json",
    success: ???,
});

Ceci dit, le mieux est encore d'utiliser la méthode getJSON().

Sinon

Que mettre dans success pour récupérer la liste et la mettre dans maListeDeFichiers?

Euh...

Code :

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

1
2
3
success: function(data){
    alert(data);
}

[Sharcoux]

Ceci dit, le mieux est encore d'utiliser la méthode getJSON().

Ah? Pourquoi c'est mieux? Je veux dire, c'est juste plus court, ou il y a une différence?

data sera le résultat retourne par le fichier coté serveur.

Ca veut dire qu'il me faut un fichier php pour chaque fonction que je veux utiliser?! Mettons que dans monFichier.php j'aie 3 fonctions, il n'y a pas moyen avec ajax de n'en exécuter qu'une parmi les trois? Ou alors, si c'est possible, comment je fais?

[Finality]

Ah? Pourquoi c'est mieux? Je veux dire, c'est juste plus court, ou il y a une différence?



Ca veut dire qu'il me faut un fichier php pour chaque fonction que je veux utiliser?! Mettons que dans monFichier.php j'aie 3 fonctions, il n'y a pas moyen avec ajax de n'en exécuter qu'une parmi les trois? Ou alors, si c'est possible, comment je fais?

getJSON est spécialement optimisée dans le cas de la réception de JSON autant s'en servir

Pour ton fichier php tu peux faire un switch sur un paramètre que tu enverras avec ta requête 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
 
<?php
 
switch($_GET['action']){
   
   case 'function1':
      functionOne();
      break;
 
 
   case 'function2':
      functionTwo();
      break;
}
 
function functionOne(){
}
 
function functionTwo(){
}
?>

[Sharcoux]

Euh... Désolé d'avance pour la question stupide, mais comment je fais pour fournir un paramètre au php ?

c'est quelque chose comme ça?

Code :

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

1
2
3
4
5
6
7
$.ajax({
    url: monFichier.php,
    type: "GET",
    dataType: "json",
    data: {action:"paramètre"}
    success: ???,
});

puis

Code :

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

$_GET['action']

[Finality]

Voilà c'est ça mais oublies pas la virgule à la fin de la ligne :

Code :

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

1
2
3
4
5
6
7
$.ajax({
    url: monFichier.php,
    type: "GET",
    dataType: "json",
    data: {action:"paramètre"},
    success: ???,
});

[Bovino]

Désolé d'avance pour la question stupide

Non, la question n'est pas stupide, en revanche, la réponse est clairement présente dans la doc officielle

Attention toutefois aux risques de confusion : dataType correspond au format que tu attends en réponse du serveur et n'a rien à voir avec le format des données envoyées.
Passer un objet à la propriété data est autorisé, mais oblige jQuery à les retransformer en chaine GET classique avant l'envoi, il est donc préférable d'utiliser la syntaxe

Code :

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

data: 'action=paramètre',

[Sharcoux]

Merci beaucoup pour vos réponses. En particulier pour les petits éclaircissements sur le rôle de dataType

Pour moi, le pb est résolu