Cómo hacer que AJAX devuelva un JSON

[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?