Ajax sans Ajax c'est presque du Gérard Majax

**SpaceFrog** · 17/06/2010, 09h25

Attention ceci n'est pas une révolution et ne permet de contourner qu'un tout petit blocage dû à une tentative de connexion crossdomain en local.
Je me suis en effet aperçu qu'une tentative de connexion à une page en local depuis un html en local avec ajax me retournait un accès refusé justement à cause de la sécurité crossdomain si je ne passais pas par mon serveur en local.
Cette solution permet de contourner ce blocage et permet en réseau, sans serveur web et sans ajax de récupérer des données (ici en json ) par l'intermédiaire d'un page html:

L'astuce consiste en une bidouille avec in iframe.
Et du coup on n'échappe pas au refus d'accès si la page en src de l'iframe est hors domaine, mais on y accès si cela reste sur le reseau.

voici le code html:

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type="text/javascript">
function bar(){
var recup=self.parent.foo.document.body.innerHTML.replace(/(^<pre>)|(<\/pre>$)/gi,'')
json= eval('('+recup+')')
alert(json.two)
}
</script>
</head>
<body onload="bar()">
<iframe name='foo' id="foo" src="testjson.txt" width="0" height="0" style="display:none">
</iframe>
</body>
</html>

ici le fichier texte:

Code :

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

{one:'un',two:'deux'}

ici l'exemple est sur un fichier texte, l'affichage dans l'iframe rajoute des balises pre...
JE vais retravailler le code pour qu'il puisse accepter du html...

**SpaceFrog** · 17/06/2010, 09h53

voici une version avec option de retour json ou texte

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type="text/javascript">
 
function myAjax(format){
var recup=self.parent.foo.document.body.innerHTML.replace(/(^<pre>)|(<\/pre>$)/gi,'')
var temp
 switch(format){
	case ('json') :	temp= eval('('+recup+')');
      	               	break;
 
	case('txt') :		temp= recup;
					break;
 
	default :		temp= recup;
	}
	return temp;
}
</script>
</head>
<body onload="truc=myAjax('json'); machin =myAjax('txt');alert('avec l\'option json, je recupère un objet json: \t truc[\'two\']='+truc.two+'\navec l\'option txt je recupère le texte :\t'+machin)">
<iframe name='foo' id="foo" src="testjson.txt" width="300" height="500" style="display:none">
</iframe>
</body>
</html>

On pourrait alors imagine passe en paramètre de la fonction le fichier ...

**SpaceFrog** · 17/06/2010, 09h59

Suite à la forte demande

j'ai rajouté la possibilité de recupérer un array en specifiant un separateur

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
<script type="text/javascript">
function myAjax(format){
var recup=self.parent.foo.document.body.innerHTML.replace(/(^<pre>)|(<\/pre>$)/gi,'')
var temp
 switch(format){
	case ('json') :	temp= eval('('+recup+')');
      	               	break;
 
	case('txt') :		temp= recup;
					break;
 
	case('sep'):	temp=recup.split(arguments[1])
	default :		temp= recup;
	}
	return temp;
}
</script>

utilisation:

Code :

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

truc=myAjax('sep','\r\n');alert(truc)

ici je choisis le retour ligne comme separateur
truc est alors un array des lignes du fichier texte

**Lcf.vs** · 15/09/2011, 17h32

Cette astuce est sympa mais tu aurais pu faire plus propre qu'avec des iframes.

Avec du SVG ou des objects...

**RomainVALERI** · 16/09/2011, 22h44

Envoyé par Lcf.vs

Cette astuce est sympa mais tu aurais pu faire plus propre qu'avec des iframes.

Avec du SVG ou des objects...

Ouais !

...en plus y'a pas de touche "Capuccino" ni d'option "mains libres" alors c'est nul

T'as pas fini, oui ? ^^
C'est des coups à nous le décourager, ça !

ps : j'ose pas raconter à ma femme la vanne "ajax / gérard majax" sinon je vais prendre un bide

...mais elle sait pas ce qu'elle perd

**SpaceFrog** · 18/09/2011, 17h04

Oulà tu déterres un truc qui date de plus d'un an là...
De mémoire j'ai aussi testé avec la balise object. Faudrait que je retrouve les sources, Mais si je n'ai pas proposé la version object c'est qu'a mon avis elle fonctionnait mois bien.

Sinon pour ceux qui connaissent "y'a un truc"

Ajax sans Ajax c'est presque du Gérard Majax

Contribuez

Discussions similaires

Partager

Partager