ClientLogin de l'API Google ne fonctionne pas avec AJAX

Question

J'essaie de me connecter à un compte Google pour demander des photos Web Picassa avec AJAX. C'est le code:

xmlhttp=new XMLHttpRequest(); 
xmlhttp.open("POST","https://www.google.com/accounts/Login",true); 
xmlhttp.send("accountType=HOSTED_OR_GOOGLE&Email=...&Passwd=...&service=lh2&source=prova"); 
document.getElementById('prova').innerHTML=xmlhttp.responseText; 

Avec cette Firebug montre un état OK 200 dans l'onglet net mais une erreur inexpliquée dans la console. Bien sûr, rien n'apparaît dans la div appelée "prova" puisque la réponse est vide.

J'essaie aussi d'ajouter cet en-tête:

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 

Mais Firebug montre 400 Bad Request dans l'onglet Net. Pouvez-vous m'aider? Je vous remercie.

Answer 1

Résolu! Firefox et les nouveaux navigateurs ne permettent pas d'appeler AJAX vers des applications tierces pour des raisons de sécurité. Tout est expliqué ici: http://www.xml.com/pub/a/2005/11/09/fixing-ajax-xmlhttprequest-considered-harmful.html

Answer 2

Vous devriez être en mesure d'afficher la réponse ajax dans firebug et de voir ce qui est posté gtting à vous - vous pouvez obtenir une erreur 200, mais toujours obtenir une erreur dans la publication. Vous n'avez pas besoin de faire quelque chose avec un AuthToken aussi?

Answer 3

ne sais pas si nous avons eu le authToken ou non ...

Voici comment je fais des xDomain Messages:

est nécessaire d'avoir une petite bibliothèque (minuscule) appelé flyJSONP, qui utilise YQL (Yahoo! Query Language) comme un hack JSONP. Fonctionne très bien, mais ne peut pas afficher/obtenir des en-têtes. Après, j'envoie des données à php qui fait ensuite une publication inter-domaine avec l'en-tête nécessaire.

FlyJSONP travaille également avec get ... FlyJSONP.get ({...

FlyJSONP.post({ 
     url: "https://www.google.com/accounts/ClientLogin", 
     parameters: { 
      name: "value" 
     }, 
     success: function(data) { 
      console.log("the response is: " + data); 
     }, 
     error: function(errorMsg) { 
      console.log(errorMsg); 
     }, 
     complete: function(data){ 
      console.log("...completed post!"); 
     } 
    });