Problemas con JSON en jquery

[acumulador]

Buenas noches, espero me puedan ayudar con mi enredo de novato. sucede que quiero consultar datos de mysql con php y mostrarlos en web con jquery mobile, tengo un archivo js que con ajax envia la petición:

Código Javascript:

try
    {
        var strHtml = "";
        $.ajax({
                global: false,
                dataType: 'html',
                async: false,
                type: "POST",
                url: $("#form").attr('action'),
                data: $("#form").serialize(),
            }).done(function (resultado) {
                var datosRecibidos = JSON.parse(resultado);
                var lista = "";
                $.each( datosRecibidos, function( key, value ) {
                        if(value.foto == "nofoto.jpg")
                        {
                            lista += "<li><div id='avatarUs'><img src='imagenes/nofoto.jpg' width='60' height='80' ></div>";
                        }
                        else
                        {
                            lista += "<li><div id='avatarUs'><img src='imagenes/" + value.foto + "' width='60' ></div>";
                        }
                        lista += "<div id='infoUs'>";
                        lista += "Alumno: " + value.nombre + "<br>";
                        lista += "Documento: " + value.documento + "<br>";
                        lista += "Grupo: " + value.grupo;
                        lista += "</div>";
                        lista += "</li>";
                });
                $("#listaDatos").html(lista);
                $("#listaDatos").listview().listview('refresh');
        });
    }
    catch(ex)
    {
        alert("Error de datos: " + ex);
    }
 

tengo un archivo php en mi servidor:

Código PHP:

<?php
include('conex.php');
 
$gr = $_POST["txtcampo"];
 
$datos=mysql_query("SELECT * FROM tbl_datos WHERE campo ='$gr'");
 
$arrDatos = array();
while ($rs=mysql_fetch_array($datos))
{
        $arrDatos[] = array_map('utf8_encode', $rs);
}
 
echo json_encode($arrDatos);
 
?>
 

Entonces sucede que cuando corro la aplicación desde mi servidor funciona bien, pero si lo corro desde local con el emulador ripple me sale este error:
SyntaxError: Unexpected token < in JSON at position 0

Espero me puedan ayudar con este problema, muchas gracias de antemano por el tiempo y la ayuda que me puedan prestar.

[MaNuX0218]

En tu archivo php le pasas los resultados en JSON y en tu ajax le dices que será HTML, prueba a cambiarlo.

dataType: 'json'

Saludos.

[acumulador]

Iniciado por MaNuX0218

En tu archivo php le pasas los resultados en JSON y en tu ajax le dices que será HTML, prueba a cambiarlo.

dataType: 'json'

Saludos.

Hola gracias por responder, lo intente pero me sale el mismo error pero como antes solo al ejecutar en local conectandome a un archivo php que esta en mi servidor. No se si tenga otro error o detalle en mi codigo, me conecto al archivo php de esta forma:

Código Javascript:

url: "http://miservidor.com/miapp/php/consultar.php",
 

[dardosmania]

Buenas

Segun leo imagino que estas usando phonegap, en el caso de ser asi hace poco lei que no se podia insertar php en phonegap pero este no es tu caso porque lo que haces es una simple peticion Ajax a un fichero php no lo estas insertando como tal. Yo experimente con phonegap cordova y el back lo hice en vez con php lo hice con un Web API en .NET y todo me iba perfecto en el ripple, nusca un poco a ver si es que el uso de ajax a un php con phonegap necesita algo en especial porque sino no se me ocurre otra cosa.

[xfxstudios]

utiliza jsonp, yo tenia el mismo problema con una app que estaba ahciendo con jquery y phonegap por ejhemplo y las peticiones ajax no salin o n hacian nada, pero el asunto esta en el json, ya que se da un crossdomain y se necesita jsonp para que funcione, al menos eso investigue y me funciono, aqui algo:

Código Javascript:

$.ajax({
            url: "http://www.server.com/mobile/test.php",
            data: {"usuario":usuario, "password":pass},
            type: "GET",
            dataType: "jsonp",
            beforeSend: function(){
//QUE VA A HACER ANTES DE ENVIAR
            },
            success: function(data){
//QUE HACE AL RECIBIR RESPUESTA
}
 
});
 

y la respuesta la regresaba de esta manera que recibirla bien:

Código PHP:

$info = array();
    $info['cod'] = '205';
    $info['mensaje'] = 'El Usuario no se encuentra Registrado en Nuestro sistema, por favor Verifique';
    
    if (isset($_GET['callback'])) {
        echo $_GET['callback'] . '( ' . json_encode($info) . ' )';
    } else {
        echo 'callbackEjercicio( ' . json_encode($info) . ' )';
 

prueba y ajusta segun tu necesidad, saludos