[SOLUCIONADO] Cómo hacer que AJAX devuelva un JSON

[berkeleyPunk]

Hola!

La idea es que de la respuesta AJAX yo pueda imprimir una parte en un DIV, otra en un SPAN, por ejemplo.
Par esto intento que el archivo PHP llamado por AJAX (process.php), devuelva un JSON.

Lo intento así, pero sale error tipo ABORT:

Código Javascript:

$.ajax({
    type: "POST",
    data: datos,         // DATOS contiene el resultado de un serialize() a un formulario
    dataType: "json",
    url: "process.php",
    success: function(response) {
        for (var i in response) {
            $('#mi_tabla').append(response.HTMLtabla[i]);
            $('#mi_select').append(response.HTMLselect[i]);
        }
    },
});
 

Y el process.php ejecuta esto:

Código PHP:

  $var1 = "<tr> <td> ... </td> </tr>";
$var2 = "<option> ... </option>";
 
$arrayRespuestas = array('HTMLtabla' => $var1, 'HTMLselect' => $var2);
$respuestasJSON = json_encode($arrayRespuestas);
print_r( $respuestasJSON ); 
   

¿Por qué no llega a ejecutarse AJAX?

Saludos!

[Nopal_Studio]

Creo que esta usando mal el Ajax.

Ejemplo:

$.ajax({
method: "POST",
url: "archivo.php",
data: datosEnviar,
dataType: "json"
})
.done(function(datos) {
if(datos != "") //Verifica que si retorne datos
{
alert(datos);
}
else
{ alert("no trae datos")}
});

[berkeleyPunk]

Iniciado por Nopal_Studio

Creo que esta usando mal el Ajax...

Gracias por responder, amigo Nopal_Studio.

Hice ya otras pruebas y he semilocalizado el problema, aunque sigo sin poder solucionarlo. He aquí los scripts:

Código Javascript:

$("#formularioCrearUsuario").on("submit", function(e) {
    e.preventDefault();
    var datos = $("#formularioCrearUsuario").serializeArray();
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "process.php",
        data: datos,
    }).done(function(response){
        for (var i in response) {
            $("#tablaResultado").html( response[i] );
        }
    });
});
 

Código PHP:

  $respuesta = new stdClass();
 
if ( $resultado = $conexion->query($query) ) {
    while ($fila = $resultado->fetch_array()) {
        $num                = $fila["numero"];
        $nom                = $fila["nombre"];
        $ciu                = $fila["ciudad"];
        $filaHTML           = "";
        $selectCliente      = "";
 
        $filaHTML          .= "<tr> <td>".$num."</td> <td>".$nom."</td> <td>".$ciu."</td> <td>...</td> </tr>";
        $selectCliente     .= "<option>".$nom."</option>";
    }    
    $arrayRespuestas = array(
        'filaHTML' => 'filaHTML',
        'selectCliente' => 'selectCliente'
    );
    echo json_encode($arrayRespuestas);
} 
   

Esto que ves aquí, mi amigo, funciona ok. Pero sólo lo hace porque los valores de $arrayRespuestas son cadenas. Si en su lugar ponermos variables, entonces no funciona y sale un error parsererror. Es decir, no funciona si ponemos esto:

Código PHP:

  $arrayRespuestas = array(
'filaHTML' => $filaHTML,
'selectCliente' => $selectCliente
); 
   

Entonces, el array no está mal construido, lo que está mal son sus valores, que AJAX no sabe qué hacer con ellos.

¿Alguna idea?

[Nopal_Studio]

HAber intenta con esto:

Código PHP:

$respuesta = new stdClass();
$arrayRespuestas = new Array();
 
if ( $resultado = $conexion->query($query) ) { 
    while ($fila = $resultado->fetch_array()) { 
        $num                = $fila["numero"]; 
        $nom                = $fila["nombre"]; 
        $ciu                = $fila["ciudad"]; 
        $filaHTML           = ""; 
        $selectCliente      = ""; 
 
        $filaHTML          .= "<tr> <td>".$num."</td> <td>".$nom."</td> <td>".$ciu."</td> <td>...</td> </tr>"; 
        $selectCliente     .= "<option>".$nom."</option>"; 
        $arrayRespuestas[] = (        'filaHTML' => $filaHTML, 
        'selectCliente' => $selectCliente );
    }     
 
    echo json_encode($arrayRespuestas); 
}
 

[berkeleyPunk]

Iniciado por Nopal_Studio

HAber intenta con esto...

No, Nopal_Studio, pues no funciona!

Sin embargo, ya logré encontrar el error y solucionarlo .

¿Qué era? Pues resultó que la cosa no tenía nada que ver con el código. Éste estuvo bien desde el principio. El problema era la base de datos. Uno de los campos en los que insertaba info, y leía info, era tipo SET.

Nunca había empleado este tipo de campo, pero lo hice y, por supuesto, hizo que me doliera la cabeza un buen rato .

Lo cambié por un varchar y todo va sobre rieles!

De todas formas, gracias por tu ayuda, Nopal_Studio, y hasta pronto.