[Prototype] Parser du JSON aprés une requête Ajax

Parser du JSON aprés une requête Ajax

Bonjour,
J'utilise l'api myspace opensearch qui est comme ceci:

Code:

http://api.myspace.com/opensearch/people?searchTerms='greg'

Ca retourne bien du json dans ma page, mais lorsque je fais la meme chose en requete Ajax je n'ai rien en réponse...
Code:

1 2 3 4 5 6 7 8 url = "http://api.myspace.com/opensearch/people?"; popup = function(e){alert(e.responseText)}; new Ajax.Request(url, { method:'get', parameters:{searchTerms:'celine'}, onComplete: popup });
Qu'est ce que je fais mal?

Greg

Ajax te retourne comme son nom l'indique du texte dans le responseText
il faut le convertir en json

Code:

1
2
3
4
5
6
7
8
9
url = "http://api.myspace.com/opensearch/people?";
popup = function(retour){
 myjson=eval("("+Ajax.responseText+")")
 };
new Ajax.Request(url, {
  method:'get',
  parameters:{searchTerms:'celine'},
  onComplete: popup(Ajax.responseText)
});

Citation:

Envoyé par SpaceFrog

Ajax te retourne comme son nom l'indique du texte dans le responseText
il faut le convertir en json

J'ai converti comme ceci:
Code:

1 2 3 4 5 6 7 8 url = "http://api.myspace.com/opensearch/people?"; popup = function(e){alert(e.responseText.evalJSON())}; new Ajax.Request(url, { method:'get', parameters:{searchTerms:'celine'}, onComplete: popup });
Mais de toute facon le responseText est vide alors il n'a rien à convertir :?
Dans ton code ou le mien, il n'alert rien.

[Edit]
J'ai rajouté ceci, trouvé sur la doc prototype.
Code:

1 2 3 4 5 6 7 8 9 10 11 url = "http://api.myspace.com/opensearch/people?"; popup = function(e){ alert(e.responseText.evalJSON(true)); }; new Ajax.Request(url, { method:'get', requestHeaders: {Accept: 'application/json'}, parameters:{searchTerms:'celine'}, onComplete: popup });
Mais ca ne change rien

[/edit]

sur le oncomplet pourquoi passes tu par e qui n'est pas crossbrowser ?

lance ta fonction popup en lui passant comme paramètre le responseTExt

que te retourne :
Code:

1 2 3 4 5 6 new Ajax.Request(url, { method:'get', requestHeaders: {Accept: 'application/json'}, parameters:{searchTerms:'celine'}, onComplete: alert(Ajax.responseText) // ou this.responseText });

Citation:
Envoyé par SpaceFrog
sur le oncomplet pourquoi passes tu par e qui n'est pas crossbrowser ?

lance ta fonction popup en lui passant comme paramètre le responseTExt

que te retourne :
Code:

1 2 3 4 5 6 new Ajax.Request(url, { method:'get', requestHeaders: {Accept: 'application/json'}, parameters:{searchTerms:'celine'}, onComplete: alert(Ajax.responseText) // ou this.responseText });
Je t'interromps tout de suite, e n'a rien n'a voir avec du crossbrowser, c'est le paramètre qui est passé à la fonction onComplete exécuté par l'objet Ajax lors de la réponse à la requete ajax.

en gros l'objet ajax fait ceci :
onComplete(xhrResult, ....);
d'ou l'importance de l'utilisation de e dans ce context, et e n'a rien a voir avec un event.

Citation:

Envoyé par SpaceFrog

sur le oncomplet pourquoi passes tu par e qui n'est pas crossbrowser ?

lance ta fonction popup en lui passant comme paramètre le responseTExt

J'ai toujours le meme résultat, responseText est vide.
Code:

1 2 3 4 5 6 7 8 url = "http://api.myspace.com/opensearch/people"; new Ajax.Request(url, { method:'get', requestHeaders: {Accept: 'application/json'}, parameters:{searchTerms:'celine'}, onComplete: function(){alert(Ajax.responseText);} });

Citation:
Envoyé par Gregory.M
J'ai toujours le meme résultat, responseText est vide.
Code:

1 2 3 4 5 6 7 8 url = "http://api.myspace.com/opensearch/people"; new Ajax.Request(url, { method:'get', requestHeaders: {Accept: 'application/json'}, parameters:{searchTerms:'celine'}, onComplete: function(){alert(Ajax.responseText);} });
On ne peut pas faire d'ajax crossdomain tout simplement.

duke e = event en js ...
utiliser e comem paramètre n'est il pas maladroit ..
de plus cette syntaxe

Code:

new Ajax.Request()

y'a une lib derrière ?

perso je n'utilise que l'ajax de base en code js pur ...

Citation:

Envoyé par SpaceFrog

duke e = event en js ...
utiliser e comem paramètre n'est il pas maladroit ..
de plus cette syntaxe

Code:

new Ajax.Request()

y'a une lib derrière ?

perso je n'utilise que l'ajax de base en code js pur ...

le nom du paramètre est maladroit si l'objet retourné est un dans la fonction est une instance de XMLHttpRequest.

Mais comme le nom de la fonction est onComplete, en règle générale un handler prend un event en paramètre.

Tout est relatif, mais de là à dire que faut pas passer par le paramètre de la fonction, je ne suis pas du tout d'accord

je n'ai jamais dit qu'il ne fallait pas passer par le paramètre de la fonction, je relevais juste l'utilisation de la lettre e qui pour moi peut entrainer confusion avec event.

par contre quelle est la librairie utilisée ?

Citation:

Envoyé par SpaceFrog

je n'ai jamais dit qu'il ne fallait pas passer par le paramètre de la fonction, je relevais juste l'utilisation de la lettre e qui pour moi peut entrainer confusion avec event.

par contre quelle est la librairie utilisée ?

Pour en revenir à nos moutons, je suis quasiment certains que si notre cher ami regardait avec la console de firebug il verrait qu'il se prend une erreur de sécurité dans le nez car il essaye de faire de l'ajax crossdomain, d'où son problème de résultat vide.

Citation:

Envoyé par dukej

Pour en revenir à nos moutons, je suis quasiment certains que si notre cher ami regardait avec la console de firebug il verrait qu'il se prend une erreur de sécurité dans le nez car il essaye de faire de l'ajax crossdomain, d'où son problème de résultat vide.

J'utilise Firebug, ou est ce que je vois si il s'agit d'une erreur se sécu?

Citation:

Envoyé par SpaceFrog

par contre quelle est la librairie utilisée ?

Ca ressemble fort à du Prototype ^^ (librairie qui, soit dit en passant, a tout ce qu'il faut en terme de manipulation du JSON)

oki comme je prototype pas ... ceci explique cela ...

Citation:

Envoyé par Gregory.M

J'utilise Firebug, ou est ce que je vois si il s'agit d'une erreur se sécu?

fait ta requete ajax et admire dans la console (onglet console) le resultat.
regarde si tu as une response ou non

Citation:

Envoyé par dukej

fait ta requete ajax et admire dans la console (onglet console) le resultat.
regarde si tu as une response ou non

Oui mais elle est vide

Citation:

Envoyé par Gregory.M

Oui mais elle est vide

http://jsfiddle.net/5ShDH/
Dans l'onglet réseau firebug indique une 404 pourtant l'url parait bonne, je suis prêt à parier que :
1-myspace interdit les accès externes et check le referer
2-Comme je l'ai dit l'ajax crossdomain est interdit

Citation:

Envoyé par dukej

http://jsfiddle.net/5ShDH/
Dans l'onglet réseau firebug indique une 404 pourtant l'url parait bonne, je suis prêt à parier que :
1-myspace interdit les accès externes et check le referer
2-Comme je l'ai dit l'ajax crossdomain est interdit

Les requêtes ajax cross domain, ne sont pas interdite. En fait ce n'est pas Ajax qui l'interdit mais le navigateur. Si tu essayes la meme chose sur Safari, cela fonctionnera.

Bonjour,

Effectivement, c'est le navigateur qui interdit les requetes cross-domain.
Cependant, j'ai tapé l'URL dans un navigateur et on obtient une réponse de type application/json. Il est donc inutile de re-parser le JSON, tu peux directement l'obtenir en faisant
Code:

1 2 3 4 5 //... onComplete:function(transport) { var result = transport.responseJSON; }