Tengo un archivo scripts.js así:
// ENVIO FORMULARIO POR AJAX
$(document).ready(function ($) {
$('#form-firma').submit(function (e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "ajax.php",
data: $(this).serialize(),
success: function (response) {
let jsonResponse = JSON.parse(response);
let url_unica = jsonResponse.url_unica;
console.log("este es el response: " + response + " fin response");
//SweetAlert
Swal.fire({
html: "<p>Esta es la url_unica: <br> " + url_unica + "</p>",
icon: 'success',
toast: false,
position: 'center',
showConfirmButton: true
})
}
});
});
return false;
});
Y el archivo ajax.php es algo así:
$url_unica = "https://example.com/valida.php?id_documento=" . $nombre_documento . "&public_key=" . $publicKeyEncoded;
//Lo anterior imprime:
//https://example.com/valida.php?id_documento=2&public_key=random
//Enviar valores al front por medio del callback en script.js
echo json_encode(array("url_unica" => $url_unica));
Lo que quisiera es mostrar el valor de $url_unica en el SweetAlert, pero esto me imprime "undefined". ¿Qué estoy haciendo mal? ¿Que alternativas tengo para mostrar los valores de mi ajax.php en el script.js?
El error en consola es el siguiente:
La línea 14 es esta:
let jsonResponse = JSON.parse(response);
undefined
, el mensaje de error es bastante explícito: estás intentando hacer parse de un json que no es válido, seguramente porque enajax.php
están saliendo más cosas por pantalla. Conviene que pongas todo el código de ese archivo. He comentado esto mil veces ya aquí: cuando esperas un json en el cliente debes controlar todo lo que sale en el servidor, porque si salen cosas de forma indiscriminada tu json se romperá. Para depurar, comenta la línea del parse com//
y pon unconsole.log(response);
así verás lo que te está devolviendo el servidor.