CI consultas AJAX en json con jQuery

[mark1829]

Hola como estan?

Alguien me podria dar unos ejemplos de como hacer consultas AJAX en codeigniter y que la respuesta sea en json? hay que configurar algo en CI?
Busque en internet algunos ejemplos pero, nose porque, no me funcionan.

Si es posible en jQuery por favor. Gracias.

[maycolalvarez]

para nada, recuerda que para CI es trasparente si la petición se envía por AJAX o no, para devolver un json sólo necesitas usar die(json_encode($data)), o dumpear el json a la salida, ni siquiera necesitas una vista.

depende de como recibas el json en el cliente, algunos FW como ExtJS esperan una estructura básica, pero eso lo adaptas al enviar el json, no se requiere ni CI

[mark1829]

Es que tengo dos proyectos y en uno me funciona pero en el otro no, estos son los source:

Este es el que funciona:

Código:

<script type="text/javascript">
$('#formApunte').submit(function(e)
{	
	e.preventDefault();		
	
	txt_form= 
	{
		titulo: $('#titulo').val(),
		texto: $('#formApunte #texto').val(),
		materia: $('#materia').val()	
	};
	
	$.ajax(
	{
		url: "<?php echo site_url('apunte/validarApunte'); ?>",
		type: 'POST',
		dataType: "json",
		data: txt_form,
		success: function(data)
		{	
			if( data.errores == "0" )
			{
				var div= $(data.apunte).hide();
				$("#visor").prepend(div);
				div.fadeIn("slow");
				$("#texto").val('');
			}
			else
			{
				$("#error-tit").empty().show("normal").append(data.tituloError);
				$("#error-txt").empty().show("normal").append(data.textoError);
				$("#error-mat").empty().show("normal").append(data.materiaError);
			}
		}
	});
});
</script>

Y este es el que no funciona:

Código:

<script type="text/javascript">
$(".caritaPickon").click(function(e)
{
	e.preventDefault();
	var carita= $(this);

	txt_form= 
	{
		id_post: $(this).find('input[type="hidden"]').val()
	};
	
	$.ajax(
	{
		url: "<?php echo site_url('ranking/pickup'); ?>",
		type: 'POST',
		dataType: "json",
		data: txt_form,
		success: function(data)
		{
			alert(data.toSource());
		}			
	});
});
</script>

Se que las respuestas por parte de PHP estan okey, porque las veo con el firebug. Pero es como que en el primer codigo la respuesta la toma como una json, pero en la segunda no.

PD: en los dos controladores tengo die(json_encode($data)); Por eso digo que PHP esta bien.

[maycolalvarez]

alert(data.toSource());

para eso, el JSON de origen debe de tener una función anónima declarada, revise la salida de dicho JSON con una consola tipo firebug

[mark1829]

No hace el alert(data.toSource()); y en la consola del firebug me figura esto:

Código:

{"error":"si","catVotos":"0"}

Que es la respuesta que quiero. Pero me aparece en al pestaña Respuesta, y me tendria que aparecer una pestaña "JSON" con esto datos para que funcione.

[maycolalvarez]

{"error":"si","catVotos":"0"}

ajá pero en ése JSON no existe data.toSource() ¿que es lo que quiere extraer, solo existe error y catVotos?

[mark1829]

No, lo que puse ahi es lo que se ve por la consola del firebug, en la solapa "Respuesta".
Pero si hago alert(data.error) o alert(data.carVotos), no funciona, no pasa nada.

[maycolalvarez]

y si haces un alert(data) que te aparece, por lo que veo jQuery NO está parseando el JSON, puede que esté mal formado o tenga caracteres invisibles que impidan parsearlo

[mark1829]

Aaaah siii!! parece que es un tema que esta poniendo caracteres invisibles, porque ahora probe hacer una consulta ajax comun (sin json), y que la respuesta sea "hola". Y el alert(data.toSource()); me muestra lo siguiente:

Código:

(new String("\uFEFFhola"))

\uFEFF esta de mas no? como puedo hacer para que no me ponga caracteres invisibles?

GRacias.

[maycolalvarez]

eso tendrás que resolverlo en el servidor, por eso se usa die(), para terminar por completo y evitar que CI devuelva lo que acostumbra devolver.

\uFEFF es sólo la representación de un caracter en Unicode, no creo que esté de más

[mark1829]

:S pero con die() me sigue pasando. Que tengo que tocar del servidor? estoy en un localhost

[maycolalvarez]

intenta establecer el content-type a json con CI, no se me ocurre otra cosa, es jQuery el que no quiere parsear la data

[mark1829]

Que garron!!! bueno voy a ver que puedo hacer. Lo peor es que tengo otro source que lo hice tal cual a este y me funciona sin problemas :S.

Muchas gracias igualmente!

[mark1829]

Ya lo pude solucionar. En el meta puse el charset iso-8859-1 y guarde todos los documentos con esta misma codificacion. Ya que como dijo maycolalvarez, el jQuery no mostraba resultados porque venia un caracter invisible (la marca del UTF-8).

Gracias.

[maycolalvarez]

imagínate!!! , el bendito BOM, aunque lo ideal es guardar en UTF8 Sin BOM, pero bueno con tal del eliminar el BOM se soluciona, ya lo tendré en cuenta para las próximas preguntas relacionadas con AJAX, saludos y gracias, no se me pasó por la cabeza

+karma para tí