Tengo un problema, por más que le busco no encuentro como puedo acceder al array que obtuve después de haber hecho una consulta mediante AJX con PHP y enviado el resultado en formato JSON a javascript. Espero me puedan ayudar, de plano no entiendo como por mas tutoriales que he visto. Mi código es el siguiente:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<section>
<div class="form">
<input type="text" name="caja_busqueda" id="caja_busqueda">
</div>
<div id="datos">
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="main.js"></script>
</body>
</html>
function buscar_datos(consulta)
{
$.ajax({
url: 'buscar.php',
type: 'POST',
data: {consulta: consulta}
})
.done(function (respuesta) {
//Aquí no encuentro la forma de recuperar la matriz de datos que envíe desde PHP en formato JSON.
});
}
$(document).on('keydown', '#caja_busqueda', function () {
var valor = $(this).val();
buscar_datos(valor);
});
Mi PHP
<?php
$buscar = str_replace(" ", "%", $_POST['consulta']);
if ($buscar != "") {
$mysqli = new mysqli("servidor", "usuario", "contraseña", "bd_secjo");
mysqli_set_charset($mysqli, 'utf8');
$query = "SELECT Id_Contacto, Nombres, Apellido_Paterno, Apellido_Materno FROM bd_secjo.contactos where concat(nombres, ' ', apellido_paterno, ' ', apellido_materno) like '%" . $buscar . "%' limit 10;";
$resultado = $mysqli->query($query);
$ArrayDatos = ObtenerArraySQL($resultado);
echo json_encode($ArrayDatos);
$mysqli->close();
}
function ObtenerArraySQL($SQL) {
$rawdata = array();
$i = 0;
while ($row = mysqli_fetch_array($SQL)) {
$rawdata[$i] = $row;
$i++;
}
}
echo $ArrayDatos
para ver si te esta agregando los arrays, cosa que no creo