Discussion :

[Gregory.M]

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

Code :

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

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 :

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

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

[SpaceFrog]

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

Code :

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

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)
});

[Gregory.M]

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 :

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

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 :

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

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]

[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 :

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

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
});

[dukej]

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 :

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

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.

[Gregory.M]

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 :

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

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);}
 
});

[dukej]

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

Code :

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

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.

[SpaceFrog]

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

Code :

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

new Ajax.Request()

y'a une lib derrière ?

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

[dukej]

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

Code :

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

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

[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 ?

[dukej]

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.

[Gregory.M]

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?

[RomainVALERI]

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)

[SpaceFrog]

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

[dukej]

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

[Gregory.M]

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

[dukej]

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

[Gregory.M]

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.

[gwyohm]

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 :

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

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