Error al usar JSON.parse

[junihh]

Hola señores

Hasta hace poco conocí el JSON.parse. Antes que eso usaba eval para parsear los datos devueltos por AJAX. Para recibir los datos en mis pruebas estoy usando la siguiente función:

Código HTML:

function xAJAX (app,rqs,fnt,isString)
{
        var xh = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
    		
    	xh.open ('POST',app,true);
    	xh.setRequestHeader ('Content-type','application/x-www-form-urlencoded');
    	xh.onreadystatechange = function ()
    	{ 
    		if(xh.readyState == 4 && xh.status == 200) fnt( JSON.parse(xh.responseText) );
    	};
    	
    	xh.send (rqs);
};

El caso es que cuando lo pruebo recibo el siguiente error en la consola de Chrome:

Código HTML:

Uncaught SyntaxError: Unexpected token '
xh.onreadystatechange

No entiendo qué puede estar sucediendo. Alguna sugerencia, idea o enlace que pueda leer para solucionar ese error.

[Dnielf]

Sería bueno si postearas el resultado xh.responseText, en todo caso prueba con:

Código Javascript:

JSON.parse(JSON.stringify(xh.responseText));
 

[junihh]

Disculpa haber escrito la función incompleta, pero con los tantos cambios que le hice tratando de encontrar el problema, terminé quitando muchas cosas. Esta es la función completa:

Código HTML:

function xAJAX (app,rqs,fnt,isString)
{
        var xh = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
    		
    	xh.open ('POST',app,true);
    	xh.setRequestHeader ('Content-type','application/x-www-form-urlencoded');
    	xh.onreadystatechange = function ()
    	{ 
    		if (xh.readyState == 4 && xh.status == 200) 
    		{
    			if (isString)
    			{
    				fnt( JSON.stringify(xh.responseText) );
    			} else {
    				fnt( JSON.parse(xh.responseText) );
    			};
    		};
    	};
    	
    	xh.send (rqs);
};

El parámetro isString es un booleano para decir a la función que me devuelva un texto o un objeto. Lo aplico así:

Código HTML:

xAJAX ('usuarios.php','usuario=67890',function(resp)
{
        console.log( resp );
},false);

// Para devolver un objeto

Código HTML:

xAJAX ('usuarios.php','usuario=67890',function(resp)
{
        console.log( resp ); // = "Junior Hernandez"
},true);

// Para devolver texto

El caso es que el texto lo devuelve bien, pero para el objeto recibo esto: Ver imagen acá.

No se qué más hacer. ¿Alguna sugerencia?

[junihh]

Solución encontrada. Seguí buscando y encontré esta herramienta online al que pegué la respuesta tal como hago que se imprima de mi PHP.

Esto es lo que devolvía el PHP inicialmente:

Código PHP:

  "{ 'status':'respuesta_objeto', 'nombre':'Junior', 'apellido':'Hernandez', 'email':'[email protected]' }"  
   

Me vi forzado a reemplazar las comillas simples por doble comillas:

Código PHP:

  '{ "status":"respuesta_objeto", "nombre":"Junior", "apellido":"Hernandez", "email":"[email protected]" }'  
   

Con eso se solucionó el problema. Muchas gracias.

[alejandromg]

Ten cuidado al hacer JSON.parse ya que cuando quieras convertir, "stringify" o trabajar con el debe ser estrictamente de estilo JSON, en ese caso el uso de comillas simples no son permitidas, me imagino que el JSON tú lo estas generando así que asegurate siempre de que sea válido en ese caso usa: http://jsonlint.com/

Saludos

[junihh]

Iniciado por alejandromg

Ten cuidado al hacer JSON.parse ya que cuando quieras convertir, "stringify" o trabajar con el debe ser estrictamente de estilo JSON, en ese caso el uso de comillas simples no son permitidas, me imagino que el JSON tú lo estas generando así que asegurate siempre de que sea válido en ese caso usa: http://jsonlint.com/

Gracias por tu sugerencia y el enlace alejandromg, lo aprecio mucho. Admito que JSON es un tema que recién comienzo a aplicar en mis proyectos, por lo que hay cosas que me confunden. Tendré cuidado sobre las comillas.