Récupérer du JSON en cross domaine avec localhost

**HELKARROUMI** · 09/05/2013, 15h55

Le code suivant marche très bien si ma page.html se trouve dans ou en dehors du dossier www :

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
<!DOCTYPE html>
<html>
	<head>
		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	</head>
	<body>
		getJSON function
		<script>
			$(document).ready(function () {
 
				//$.getJSON('http://feeds.delicious.com/v2/json/popular?callback=?', function(data) {
 
					alert("data : "+data);
 
				});
			});
		</script>
           </body>
</html>

Sauf que si je change l'url précédant par :

Code :

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

$.get('http://localhost:8080/json?callback=?', function(data) { ...

ça continue à marcher uniquement si ma page.html se trouve dans le dossier www. En dehors du dossier ça ne marche plus.

Un problème avec le domaine localhost?

**SpaceFrog** · 09/05/2013, 17h01

Ce qui est tout a fait normal et rassurant... sinon n'importe qui pourrait accéder à des fichiers sur ton pc avec ajax !!!
www est justement la racine de ton domaine en local. La partie en, amont de ce repertoire ne fait plus partie du domaine et tu te heurte donc naturellement à une restriction salutaire (Same Origin Policy)

**patmaba** · 17/12/2013, 14h30

Comment faut-il résoudre ce problème avec une machine localhost.

Pour mon cas, je développe sur ma machine en local "c:\monprojet\main.html"
une page qui a pour but de récupérer un flux json qui est généré par un logiciel SOA BusinessWork de Tibco qui automatiquement crée un flux json sur le port 9010.

Code :

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

http://localhost:9010/geo/encode/composition/name?s_name=FR&sv_name=dis_l73&g_name=G_N1&gv_name=dis_l73

.

Ma page web main.html est celle-ci:

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
 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Access-Control-Allow-Origin" content="*"/>
<meta http-equiv="Access-Control-Allow-Origin" content="http://localhost"/>
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
 
<script>
function httpGet() {
    var myUrl = 'http://localhost:9010/geo/encode/composition/name?s_name=FR&sv_name=dis_l73&g_name=G_N1&gv_name=dis_l73' + '&callback=?';
            $(document).ready(function () {
 
                $.getJSON( myUrl, function( data ) {
 
                    alert("hello");
 
                });
            });
}            
</script>
 
    <button id="BUT01" onclick="httpGet()">Call Json</button>
</head>
</html>

Sur Firefox bouton droit inspect element, l'onglet réseau me ramène le contenu cepandant impossible de récupérer le contenu dans une variable javascript.

Je reçois une erreur

SyntaxError: missing ; before statement

.

Pouvez-vous m'aider svp ?

Récupérer du JSON en cross domaine avec localhost [AJAX]

jQuery

Discussions similaires

Partager

Partager