Requêtes interdomaines avec jQuery ne fonctionne pas dans Facebook App

Question

Je souhaite effectuer une requête HTTP afin de recevoir le contenu de la page d'accueil de l'utilisateur connecté de facebook.com dans mon application Facebook. L'application est chargée à l'intérieur d'un iframe. J'utilise le mod Ajax inter-domaines pour jQuery fait par James Padolsey: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/. Ce mod fonctionne très bien pour des pages comme google.com comme présenté dans les exemples.

Malheureusement, si je tente quelque chose comme:

$('#container').load('http://www.facebook.com/');

Je reçois aucun résultat et aucune erreur. En outre, si je tente:

$.ajax({ 
      type: 'POST', 
      url: 'http://www.facebook.com', 
      success: function(html){ 
       process(html); 
      }, 
      error: function(){ 
       debug("error"); 
      } 
     }); 

Je reçois une erreur dans la console Firebug qui dit: data.results[0] is undefined. Cette erreur est dans le mod Ajax de James Padolsey donc cela n'a rien à voir avec le code précédent que j'ai écrit dans mon script.

Des idées?

Answer 1

JSON ne fonctionne pas sur plusieurs domaines. Vous devez utiliser JSONP ou mieux encore dans l'appel getJSON utilisez le "callback =?" paramètre.

Par exemple

$.getJSON("https://graph.facebook.com/me/friends?callback=?&access_token="+fbtoken, function(rtnmsg) { 

} 

Où fbtoken est votre jeton d'accès et rtnmsg est l'objet de retour. Celui-ci fonctionne pour moi.

Salutations