Estoy intentando hacer una especie de formulario que al enviarse no recargue la página. Para ello estoy usando AJAX.
El problema es que no hace la ejecución de AJAX. Es como si ese código no estuviera, no sé si me explico.
Esto es lo que he intentado.
HTML:
<div id="grid-agregarCarrito">
<button class="buy-in-page-button clcik" id="pagamento" style="border:none" >
Comprar
</button>
</div>
AJAX:
<script>
$(document).ready(function() {
$(document).on("click", ".clcik", function() {
$.ajax({
url: "ajax/archivosinrecargarpagina.ajax.php",
method: "POST",
data: {
nombre: "a"
},
cache: false,
contentType: false,
processData: false,
dataType: "json",
success: function(respuesta) {
console.log(respuesta);
}
});
});
});
</script>
error: function(respuesta) { console.log(respuesta.responseJSON); }
después del success para ver que error te muestra