Message d'erreur “La connexion au serveur a échoué.” de Cordoue et jQuery

J'ai créé une application pour android à l'aide de Cordoue et de JQuery mobile. Il fonctionne bien lorsque je test le code à l'aide de google chrome, mais quand j'essaie de le lancer sur émulateur android android studio dans cmd (locate>cordova emulate android) ça ne fonctionne pas.

Quand j'ai essayer de l'exécuter sur l'émulateur j'obtiens:

"La connexion au serveur a échoué. (file:///android_asset/www/index.html)"

Mais si je n'utilise pas JQuery, il fonctionne très bien. Je n'ai pas modifier le code JQuery JQuery mobile.

    <head>
        <-- import jquery and codovar -->
        <link rel="stylesheet" href="./css/jquery.mobile-1.4.5.min.css" />

        <-- if i remove this 3 line of code below program is working as same as open with google chrome -->
        <link rel="stylesheet" href="./css/jquery.mobile-1.4.5.min.css" />
        <script src="./js/jquery-2.1.4.min.js"></script>
        <script src="./js/jquery.mobile-1.4.5.min.js"></script>
        <--end remove here -->

        <script type="text/javascript" src="./js/Login.js"></script>

    </head> 
    <body>
        <div data-role="page" id="page1">
            <div data-role ="header" style="background-color: #00CCA5;">
                <h1 style="color: #FAF0BA; text-shadow: None; text-align: center;">LogIn</h1>
            </div>
            <div data-role ="main" class="ui-content"  >
                <div align="center">
                    <label>id:</label>
                    <input type="text" id="login_id">
                    <br>
                    <label>password:</label>
                    <input type="password" id="login_password">
                    <div id="wrong" style="color: red;"><br></div>
                </div>
                <button style="background-color: #FAF0BA; color:#00CCA5;" data-role ="button" data-icon ="forward" id="let_login">Log in</button>
            </div>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
    </body>
</html>

et voici login.js

$(document).ready(function () {
    $("#let_login").on("tap",
            function () {
                var id = $("#login_id").val();
                var password = $("#login_password").val();
                if (id == "test" && password == "password") {
                    document.location.href = "./customer.html";
                    //$.mobile.changePage("./customer.html");
                }
                else {
                    $("#wrong").html("Wrong id and/or password");

                }
            });
});

et voici MainActivity.java (modifié le fichier après l'avoir lu quelques vieux post, mais ne fonctionne toujours pas)

public class MainActivity extends CordovaActivity
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        //modify line below
        super.setIntegerProperty("loadUrlTimeoutValue", 70000);
        //end modify line 

        //Set by <content src="index.html" /> in config.xml
        loadUrl(launchUrl);
    }
}

ps. c'est ma première fois à l'aide de Cordoue et de JQuery

OriginalL'auteur khunjuice | 2015-06-15

  1. 7

    Cette Erreur se produit lorsque la page web n'est pas de charge /pas accessible.

    Pour résoudre ce problème, créez un nouveau fichier html

    main.html

    <!doctype html>
<html>
  <head>
   <title>tittle</title>
   <script>
     window.location='./index.html';
   </script>
  <body>
  </body>
</html>

    et de garder le lancement de l'URL comme main.html dans config.xml

    //Set by <content src="main.html" /> in config.xml


    loadUrl(launchUrl);

    Ce sera corrigé

    Je n'ai que de cordoue et de plugins injecté dans main.html et pas dans index.html

    OriginalL'auteur Mohammed Imran N

  2. 0

    J'ai utilisé les suivants:

    <content src="./index.html" />

    simplement ajouter ./ avant l'adresse de la page et ça marche!!!

    OriginalL'auteur Jalal El-Shaer