Récuperer un flux Json online avec Ajax

**starfiko** · 04/07/2013, 10h26

Bonjour,

En effet, je souhaite récuperer un cours de la bourse en format json. L'url présent dans l'ajax renvoie : "{"to": "EUR", "rate": 0.76934913100000002, "from": "USD"}".

le soucis est que cette partie" $('#teste').text(reponse.to) " ne rentre pas en action.
Donc plusieur hypothese :
- ce bout de code ne fonctionne pas
- la fonction $.ajax n'arrive pas au success donc l'url est faux
- j'utilise mal la fonction $.ajax
- ou autre ...

Je ne comprends pas

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function() {
	$('#test').click( function(){
		 $("#test").text('Clique prie en compte');
		$.ajax({
			url: 'http://rate-exchange.appspot.com/currency?from=USD&to=EUR',
			type: 'GET',
			dataType: 'json',
			success : function(reponse){
				$('#teste').text(reponse.to);
			}
		});
		return false;
	});
});

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<script src="jquery-2.js"></script>
</head>
  <body>
	<div id="test">
		<span>Cliquez-moi pour afficher le graph</span>
		<span id="teste"></span>
	</div>
  </body>
</html>

Merci pour tout!

**Bovino** · 04/07/2013, 10h33

Merci pour tout!

De rien !

Au fait, tu as peut-être une question à poser ?

**starfiko** · 04/07/2013, 11h43

C'est pour savoir si vous suivez lol :p

J'ai modifié le 1er poste, la problematique si dessous, ce trouve aussi au-dessus

Bref le soucis est que cette partie" $('#teste').text(reponse.to) " ne rentre pas en action.
Donc plusieur hypothese :
- ce bout de code ne fonctionne pas
- la fonction $.ajax n'arrive pas au success donc l'url est faux
- j'utilise mal la fonction $.ajax
- ou autre ...

Je ne comprends pas

**Bovino** · 04/07/2013, 11h50

Avec $.ajax() tu vas être confronté à la Same Origin Policy.
Utilise $.getJSON() pour contourner cela.

**starfiko** · 04/07/2013, 12h27

En fait, j'ai déjà essayé et dès que j'utilise le $.getJSON, le reste de la page plante.
Il y a un graphique qui est sensé s'afficher plus bas et le code " $("#test").text('Clique prie en compte')" ne fonctionne plus.
Donc j'avais abandonné cette solution.

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
 
$(document).ready(function() {
	$('#test').click( function(){
		$("#test").text('Clique prie en compte');
		$.getJSON('http://rate-exchange.appspot.com/currency?from=USD&to=EUR',function(reponse){
			$:('#teste').text(reponse.to);	
				}
	return false;
	});
});