[SOLUCIONADO] Envío y recepción de datos entre JS y PHP con AJAX y JSON

[DandyCC]

Buenas, hace unos días abrí un hilo para preguntar si se podía enviar y recibir datos entre JS y PHP y que fuera transparente para el usuario. Me dijeron que sí, con AJAX y JSON, investigué un poco y encontré varios ejemplos que me valían. Pero ahora me he atascado y no sé que está fallando. Resumiendo, tengo una sección de comentarios que quiero que el usuario pueda editar o eliminar. El código es más o menos este:

Código Javascript:

$(".btn_eliminar").click(function() {
    // Construyo un array con la información a enviar, por ejemplo sería algo así.
    var parametros = {
        "id" : 1,
        "mensaje" : "Esto es un mensaje enviado desde JS"
    };
    // Paso a json
    var datosJSON = JSON.stringify(parametros);
 
    $.ajax({
        type: "POST",
        data: datosJSON,
        url: 'consulta.php',
        success: function(data) {
            var res = jQuery.parseJSON(data);
            if (res.success == 1) { 
                // Código en caso de éxito en la consulta
            }
            else {
                // Código en caso de fracaso en la consulta
            }
        },
        error: function(e) { // Si no ha podido conectar con el servidor 
            // Código en caso de fracaso en el envío
        }
    });
});
 

El archivo consulta.php simplemente debería recibir los datos por post, modificar la BD y devolver una respuesta. Más o menos sería:

Código PHP:

$json = json_decode($_POST["datosJSON"]);
 
// Operaciones con la BD en función de los datos recibidos
 
$respuesta = array (
    "success" => 1,
    "error" => 0,
    "msg" => ""
);
echo json_encode($respuesta);
 

Pues algo está fallando y por más que reviso no sé lo que es. ¿Alguna idea?

Además, también me gustaría codificar los datos con md5 para evitar sniffers. Si pudiérais orientarme os lo agradecería, aunque mi principal objetivo es que lo primero funcione.

Gracias.

Edito, se me pasó comentar que el código funciona cuando cambio esto en la petición ajax.

Código Javascript:

data: {"id": 1, "mensaje": "Esto es un mensaje enviado desde JS"},
 

Y en el php puedo devolver:

Código PHP:

$respuesta = array (
    "success" => 1,
    "error" => 0,
    "msg" => $_POST["mensaje"]
);
 

Así que supongo que el problema está en la codificación a JSON en JS o en la decodificación en PHP.

[angelAparicio]

¿La variable $json devuelve algo o vuelve vacía?

Código PHP:

$json = json_decode($_POST["datosJSON"]);
 

[DandyCC]

Pues es que no lo sé, no sé como "debuggear" esto. Si en el js pongo esto:

Código Javascript:

var parametros = {
    "inicio" : 1,
    "mensaje" : "Esto es un mensaje enviado desde JS"
};
var datosJSON = JSON.stringify(parametros);
 
$.ajax({
    type: "POST",
    data: datosJSON,
    url: 'consulta.php',
    success: function(data) {
        var res = jQuery.parseJSON(data); 
        alert(res.msg);
    },
    error: function(e) { 
        alert("Error en el servidor");
    }
});
 

Y en consulta.php esto:

Código PHP:

$json = json_decode($_POST["datosJSON"]);
$respuesta = array (
    "success" => 0,
    "error" => 4,
    "msg" => "Error en la conexión con la base de datos."
);
echo json_encode($respuesta);
 

No se aparece ningún alert. Es como si hubiera un error en el JS y no se ejecutase. Pero he probado poniendo alerts justo antes de $.ajax y justo después y si se muestran, pero ninguno en caso de "success" o "error".

[vick90]

Puedes poner un debugger para que vayas viendo que es lo que hace cada linea de codigo

Código Javascript:

$.ajax({
    type: "POST",
    data: datosJSON,
    url: 'consulta.php',
    success: function(data) {
        debugger;
        var res = jQuery.parseJSON(data);
        alert(res.msg);
    },
    error: function(e) {
        alert("Error en el servidor");
    }
});
 

Para que funcione el debugger tienes que tener abierto la consola de chrome o firefox
Saludos

[DandyCC]

Gracias. Probaré a ver.

[DandyCC]

He encontrado un error con la consola pero no soy capaz de solucionarlo. El envío con ajax en JS funciona bien, la página php recibe correctamente los datos. El error está en la decodificación en JS del json recibido del php.

La llamada, simplificada todo lo que he podido, queda:

Código Javascript:

var parametros = {
    "idcomentario" : 114,
    "iduser" : 1
};
$.ajax({
    type: "POST",
    data: parametros,
    url: 'consulta.php',
    success: function(data) {
        var res = jQuery.parseJSON(data);
        alert("success");
    },
    error: function(e) {
        alert("error");
    }
});
 

consulta.php devuelve esto

Código PHP:

$respuesta = array (
    "success" => 1,
    "error" => 0,
    "msg" => ""
);
echo json_encode($respuesta);
 

Y en la consola aparece el siguiente mensaje: "SyntaxError: JSON.parse: unexpected character". Busco el json recibido y aparece en la consola esto:
{"success":1,"error":0,"msg":""}

El JSON parece bien formado, pero he ido a http://jsonlint.com/ y lo da como no válido: "JSON.parse: unexpected character".

Y para acabar de romperme la cabeza, si en el navegador entro en consulta.php aparece:
{"success":1,"error":0,"msg":""}

Que es exactamente lo mismo que dice la consola que recibo de la llamada ajax. Voy otra vez a validarlo y me dice que el JSON es válido.

Que desesperación!! Si alguien me puede echar una mano le estaría muy agradecido porque ya no sé por donde buscar la solución.

[DandyCC]

Después de darle mil vueltas encontré el problema. La codificación. Cambié de UTF8 a UTF8 sin BOM y ya funciona.