Phonegap inter-domaine AJAX Requête POST ne fonctionne pas sur Android

De la croix-domaine AJAX requête POST fonctionne parfaitement bien sur les navigateurs web, y compris les navigateurs web sur les téléphones mobiles, mais ne fonctionne pas pour les applications natives construit à l'aide de Phonegap

J'ai créé un formulaire de connexion que les utilisateurs ont à saisir leurs identifiants de connexion, puis ils sont vérifiés par le serveur est hébergé sur heroku et renvoie du json {"success":true} si des informations d'identification valides sont entrés.

Mon script Ajax:

$.ajax({
   type: "POST",
   url: "http://domain.com/public/auth/app-login",
   contentType: "application/x-www-form-urlencoded; charset=utf-8",
   dataType: "json",
   data: {identity: <username from form>, password: <password from form>},
   crossDomain: true,
   cache: false,
   success: function(data) {
       obj = JSON.parse(data);
       if (obj && obj.success === true) {
          window.location.href = 'home.html';
       }
   },
   error: function(e) {
       alert('Error: ' + e.message);
   }
});

Les mesures prises pour résoudre ce problème:


<access origin="http://domain.com/public/auth/app-login" />


<access origin="*" />

  • Dire jQuery pour permettre à la croix-domaine


$.support.cors = true;

OU

jQuery.support.cors = true;

  • Désactiver la mise en cache cache: false

Toute aide est appréciée.

InformationsquelleAutor h4kl0rd | 2013-09-25
  1. 7

    Ok. Si index.html en local, vous pouvez appeler ajax hôtes, pas besoin d'activer la SCRO dans le client ou le serveur. Vous supprimer:

    $.support.cors = true; OR jQuery.support.cors = true;

    Et:

    <access origin="http://domain.com/public/auth/app-login" />

    Redondant, utiliser seulement:

    <access origin="*" />

    Vous avez besoin de vérifier et de les ajouter dans AndroidManifest.xml: 

    <uses-permission android:name="android.permission.INTERNET" />

    Ajouter plus de l'autorisation si votre application a besoin. Enfin, l'appel ajax à l'intérieur de $(document).prêt(): 

    $.ajax({
   type: "POST",
   url: "http://domain.com/public/auth/app-login",
   dataType: "json",
   data: {identity: <username from form>, password: <password from form>},
   success: function(data) {
     obj = JSON.parse(data);
     if (obj && obj.success === true) {
        window.location.href = 'home.html';
     }
   },
   error: function(e) {
     alert('Error: ' + e.message);
   }
});
    • veuillez lire ce que j'ai écrit. Le serveur n'a pas de problèmes, car il fonctionne parfaitement sur les navigateurs web, également sur les navigateurs de téléphones mobiles.
    • Ok. Je comprends que. Avez-vous de la charge index.html(votre application) de l'application local ou sur serveur distant. Si vous charger à partir d'un serveur distant puis il a le même problème ci-dessus. Vous pouvez poster les détails de l'erreur de serveur: Access-Control-Allow-Origin pas autorisés ou ...
    • Quand je lance l'application en natif sur android, après avoir entré le bon identifiants de connexion, il jette un error: undefined de mon ajax d'erreur de commande. Je ne suis pas pourquoi cette montre.
    • Désolé. ce type d'application que vous développer(Phonegap android ou android native). Si (Phonegap) de votre application de la charge index.html du local(dans le dossier www) ou à partir d'un serveur distant(le souper.loadUrl("http://...")). Pouvez-vous poster le code de votre serveur.
    • Je suis le développement d'une application phonegap que je construis avec eclipse et de l'exécuter en mode natif sur téléphone android. J'ai un assets répertoire qui a www et je vais appeler la index.html, de sorte qu'il est local.
    InformationsquelleAutor Hanh Le
  2. 4

    Si vous êtes à la recherche pour résoudre ce problème, alors vous pourriez souhaitez assurez-vous que le plugin est bien inclus dans le processus de construction.

    RESOURCE: \app\config.xml
<widget>
    .... [lots of stuff] ....
    <gap:plugin name="com.indigoway.cordova.whitelist.whitelistplugin" />
    <access origin="http://*" />
    ....
</widget>

    Vous pouvez également spécifier une version qui est recommandé, et je n'ai pas spécifié ci-dessus. Une bonne façon de tester si le plugin est inclus est utiliser le logiciel gratuit nuage de compte prévue à, https://build.phonegap.com/apps. Si vous construisez votre projet, il vous permet de vérifier l'onglet plugins et assurez-vous que la liste blanche plugin est inclus.

    J'ai lu que vous ne devez en avoir besoin dans l'élément HEAD de votre page HTML, mais j'ai trouvé que de la date de ce post que j'ai encore besoin d'inclure le plugin.

    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

    Si le plugin n'est pas chargé, vous pouvez obtenir un "Non Trouvé" erreur lors de l'utilisation de la $.ajax méthode pour jQuery pour la chaîne d'erreur.

    Partie de l'information sur Internet vous dira que la liste blanche de l'information est placée dans le /www/res/ dossier, mais cela semble être des informations obsolètes. Vous pouvez également trouver que <plugin... est utilisé dans certains exemples, mais il semble que ce peut être obsolète façon?

    Aussi, vous pourriez avoir besoin:

    RESOURCE: \app\config.xml
<widget>
     ...
     <feature name="http://api.phonegap.com/1.0/network"/>
     ...
</widget>
    • l'ajout de <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> m'a aidé à résoudre le problème.
    InformationsquelleAutor kmcguire
  3. 1

    utilisation

    JSON.stringify(data: {identity: <username from form>, password: <password from form>})

    au lieu de
    data: {identity: <username from form>, password: <password from form>}

    J'ai eu message de succès quand j'ai changé mon code comme ceci.

    InformationsquelleAutor Sonia John Kavery
  4. -1

    Un certain temps il est question dans votre domaine. Dans mon cas, j'ai résolu en mettant le code suivant dans mon .fichier htaccess

    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
    InformationsquelleAutor Kamesh Jungi