2016-04-01 11 views
2

I PhoneGab für meine firstime und etwas falsch verwenden ...Redirect mit Ajax/JQuery/PhoneGab

Wood ich die window.location.href Methode verwenden, wenn ich 'data' (json erhalten Antwort von PHP vor einer Ajax Anfrage (Cross-Domain)).

Aber wenn ich diese auf meinem Handy (Android) denken testen, wird die Umleitung nicht funktionieren ...

ps: alles ist in der Regel fein auf Web-Browser.

Hat jemand das Problem?

, dass mein Code ist:

<html> <head> 
    <title>Ajax Cross-Origin</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script> 
     <meta charset="utf-8" /> 
     <meta name="format-detection" content="telephone=no" /> 
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" /> 
     <link rel="stylesheet" type="text/css" href="css/index.css" /> 
     <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css" /> </head> 

<body> 

<div id="body-inside" data-role="page"> 
     <div class="logo-inside"> 
      <a href="index.html" class="connexionForm"> 
        <span id="arrowLeft" class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span> 
      </a> 
     </div> 
     <div class="titre"><h1 id="inscTitle">Inscription</h1></div> 
     <form class="FormInscription" method="POST"> 
      <label>Nom</label> 
      <input type="text" name="nom" id="nom" placeholder="nom"/> 
      <label>Prénom</label> 
      <input type="text" name="prenom" id="prenom" placeholder="prénom"/> 
      <label>Email</label> 
      <input type="email" name="email" id="email" placeholder="[email protected]"/> 
      <label>Mot de passe</label> 
      <input type="password" name="password1" id="mdp1" placeholder="xxx123"/> 
      <label>Confirmer votre mot de passe :</label> 
      <input type="password" name="password2" id="mdp2" placeholder="xxx123"/> 
      <button id="saveLogin" > 
       Suivant 
      </button> 
     </form> 
     </div> 

<script type="text/javascript"> 
     function redirect(){ 
      window.location.href = "inscription_suite.html"; 
     } $(function() {  
    $('#saveLogin').click(function(){ 
       var nom  = $("#nom").val(); 
       var prenom = $("#prenom").val(); 
       var email = $("#email").val(); 
       var mdp1 = $("#mdp1").val(); 
       var mdp2 = $("#mdp2").val(); 


     $.post("http://webawards.io/data.php",{ 
        firstname : nom, 
        lastname : prenom, 
        mail  : email, 
        pass1  : mdp1, 
        pass2  : mdp2 

       },function(data) { 
        if(data!=="false"){ 
         sessionStorage.setItem("id", data); 
         redirect(); 
        } else if(data=="false"){ 
         alert("Une erreur semble s'être produite, veuillez réessayer"); 
        } 
       }); 
    }); 
    }); </script> 

</body> </html> 
+1

Sind Sie sich bewusst, dass sowohl [Google und Apple Stirnrunzeln auf Apps] (https://github.com/jessemonroy650/top-phonegap-mistakes /blob/master/new-to-Phonegap.md#005a) das sind Website-Wrapper? Außerdem empfiehlt es sich, die Webseite auf dem Gerät zu haben. – JesseMonroy650

+0

Jesse hat Recht. Aus diesem Grund haben Google und Apple die Option "Zur Startseite hinzufügen" hinzugefügt, mit der ein Benutzer Ihre Webseite direkt auf dem Startbildschirm hinzufügen kann. –

+0

Danke Jesse! –

Antwort

0

Die aktualisierte cordova Version ermöglicht es Ihnen nicht über Javascript zu umleiten. Sie müssen den Anweisungen folgen, damit die JavaScript-Umleitung funktioniert.

Fügen Sie das "Cordova Whitelist Plugin" in Ihrer config.xml

<gap:plugin name="cordova-plugin-whitelist" spec="1.1.0" /> 

Oder einfach

<plugin name="cordova-plugin-whitelist" spec="1.1.0" /> 

versuchen Sie die folgenden in Ihrer config.xml

<content src="index.html" /> 

setzen ist der Pfad zu Ihre HTML-Datei im Quellverzeichnis.

<access origin="*" /> 

können Sie auf eine der externen Seite mit JS umleiten. Wenn Sie Ihre App auf eine einzige Domain beschränken möchten, verwenden Sie sie wie folgt.

<access origin="http://yourdomain.com" /> 

Am Ende gebe folgende Absichten

<allow-intent href="http://*/*" /> 
<allow-intent href="https://*/*" /> 
<allow-intent href="tel:*" /> 
<allow-intent href="sms:*" /> 
<allow-intent href="mailto:*" /> 
<allow-intent href="geo:*" /> 
+0

Es ist fertig :) Danke für Ihre Hilfe! –

+0

Es ist mir eine Freude! –