Récupérer variable json dans fichier .html

**boboss123** · 19/04/2013, 16h05

Bonjour,

J'ai fais un script d'upload de fichier qui est dans un <input type="file">. Le fichier est envoyé vers la page "cgiFile.htm" :

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
if('FormData' in window){
	var form = new FormData();
 
	var $inpuFile = $('[name="' + inputFile_name + '"]');
	form.append('file', $inpuFile[0].files[0]);
 
	$.ajax({
		processData: false,
		contentType: false,
		data: form,
 
		url: "cgiFile.htm",
		dataType: "html",
		type: "POST",
		cache: false
	});
 
	return false;
}

Contenu du fichier "cgiFile.htm" retourné

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!doctype html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>return status of uploaded file</title>
 
    <script type="text/javascript"> 
        var jsonObj = {"status":"OK", "msg":"hello world !"};
        var iframe_name = window.frameElement.getAttribute("Name");
 
        window.parent.success(iframe_name, jsonObj);
    </script>
</head>	
<body></body>
</html>

Est-il possible de récupérer la variable jsonObj qui est dans ce fichier pour pouvoir l'utiliser dans mon script ?
Ce fichier est à la base chargé dans une <iframe> : la fonction window.parent.success() est exécutée automatiquement lorsque le fichier est chargé dans la <iframe>, ce qui permet depuis ma page principale de pouvoir traiter le contenu de la variable jsonObj.
=> j'aimerai donc pouvoir faire la même chose mais via ajax (ce qui me permettrait d'afficher une progressBar).

=> si vous n'avez pas compris n'hésitez pas à me le dire

merci d'avance,

**boboss123** · 22/04/2013, 12h44

Je me suis peut etre mal exprimé.

Ce que je veux faire :
Je récupère la page html "cgiFile.htm" via ajax et j'aimerai pouvoir récupérer la valeur de l'objet jsonObj qui est à l’intérieur pour pouvoir l'utiliser dans mon script
=> en espérant que ça soit plus clair...

**Lorenzo77** · 22/04/2013, 13h29

salut,

tu peux la viser comme ceci :

Code :

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

window.frames[0].jsonObj

Code :

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

1
2
3
4
5
      $('document').ready(function() {
        $('#moniframe').on('load', function() {
          alert(window.frames[0].jsonObj);
        });
      });

**boboss123** · 22/04/2013, 13h54

je ne suis pas sure d'avoir compris : ton code va chercher une variable qui est dans une iframe ?
=> or, il n'y a pas de iframe dans ma page vu que je récupère ma page en ajax : le contenu de la page est dans la variable data de la fonction success de l'objet $.ajax.

**Lorenzo77** · 22/04/2013, 14h13

arf ... je croyais que tu chargeais ton doc HTML dans une iframe ...
ben la je sais pas

**boboss123** · 22/04/2013, 17h38

oki merci quand meme

**Bovino** · 23/04/2013, 07h59

Je ne comprends pas trop...
Si tu veux uniquement récupérer les données JSON, pourquoi renvoies-tu une page HTML complète ?

Il faudrait que tu fasses la requête vers une page (ou un script) qui ne renvoie que le JSON...

**boboss123** · 23/04/2013, 09h03

Envoyé par Bovino

Je ne comprends pas trop...
Si tu veux uniquement récupérer les données JSON, pourquoi renvoies-tu une page HTML complète ?

Pour être compatible avec IE8

... le problème est que IE8 ne gère pas l'objet FormData() et on ne peut donc pas uploader un fichier via ajax : il faut donc le faire à l'ancienne, c'est à dire faire un formulaire avec la propriété "target" qui pointe vers une iframe.

Envoyé par Bovino

Il faudrait que tu fasses la requête vers une page (ou un script) qui ne renvoie que le JSON...

=> c'est ce que je fais actuellement : si l'objet FormData() n'est pas géré, j'envoie mon fichier vers une page .html sinon vers une page .json. Mais je voulais voir s'il n'existe pas une méthode pour éviter de devoir doubler le nombre de mes fichiers pour la gestion de l'upload.

Récupérer variable json dans fichier .html

jQuery

Discussions similaires

Partager

Partager