Así que estoy creando una aplicación utilizando Phone Gap y jQuery mobile.

Cuando uso ajax para obtener una respuesta json de un servidor de la lista blanca, obtengo una respuesta de error. Sin embargo, nada se muestra en la consola. Lo extraño es que cuando se prueba la aplicación dentro de un navegador web, funciona bien, solo cuando lanzo mi dispositivo iPhone es cuando se ejecuta una prueba.

Vale la pena decir ahora que el sitio en el que estoy alojando mis scripts de PHP está en la lista blanca dentro de Phone Gap. Estoy usando * en la matriz (en caso de que esto haga una diferencia). He ideado una solución jsonp para esto, pero no quiero usarla. Creo que si funciona en los navegadores debe ser posible en el dispositivo. Espero que sea una solución simple ...

Aquí está mi simple script php haciendo eco de una cadena json.

<?php
header('Access-Control-Allow-Origin: *');
$arr = array('a' => 1, 'b' => 2);
echo json_encode($arr);
?>

Aquí está el JS

    $('#registerUser').submit(function() {
          $.ajax({
                 url: 'http://www.mydomain.co.uk/path/register/add_user.php',
                 type: 'post',
                 dataType: 'json',
                 crossDomain : true,
                 timeout: 5000,
                 success: function(msg){
                    alert(msg.a);
                 },
                 error: function(){
                    alert('There was an error loading the data.');
                 }
                 });
          });
    });

edición: también tengo este js en la página ... se recomienda en los documentos de jquery mobile para usar esto cuando se usa Phone Gap

        <script>
        $( document ).on( "mobileinit", function() {

            $.mobile.allowCrossDomainPages = true;
            $.support.cors = true;
        });

        </script>

Y la forma - no creo que esto sea necesario ...

           <form id='registerUser' action="" method="POST">
                <div data-role="fieldcontain">
                    <label for="name">Name:</label>
                    <input type="text" name="name" id="name" value=""  />
                    <label for="name">Email:</label>
                    <input type="text" name="email" id="email" value=""  />
                    <label for="name">Password:</label>
                    <input type="password" name="password1" id="password1" value=""  />
                    <label for="name">Re-enter password:</label>
                    <input type="password" name="password2" id="password2" value=""  />
                    <br>
                    <button type="submit" aria-disabled="false">Submit</button>
                </div>
            </form>

¡Gracias por la ayuda por adelantado!