Estuve aprendiendo AJAX
(Aclaración: se que mi código tiene inseguridad y vulneración al SQL
pero con PDO
no entiendo muy bien, en procedural me permite entender muy bien como interpretar los Queries
y conexiones a la base de datos). Mi problema es que no entiendo bien el AJAX
, para poder insertar los datos a la tabla compra_cafe
de la base de datos.
Me tira este error:
Notice: Undefined index: id_cafe in C:\xampp\htdocs\ajaxanadir.php on line 2 null
Notice: Undefined index: id_usuario in C:\xampp\htdocs\ajaxanadir.php on line 3 null
Estos son los codigos:
pruebacafe3.php
<?
include "conexion.php";
?>
<title>testeando cafe</title>
<h1>Cafe</h1>
<form method="POST" action="ajaxanadir.html">
<p><b>Selección de Cafe</b></p>
id_compra_cafe: <input type="text" name="id_compra_cafe"><br/>
Cafe:<br/>
<input type="checkbox" name="id_cafe[]" value="1"/> Nescafe <br/>
<input type="checkbox" name="id_cafe[]" value="2"> Americano <br/>
<input type="checkbox" name="id_cafe[]" value="3"> Macciato <br/>
<input type="checkbox" name="id_cafe[]" value="4"> Doble <br/>
<input type="checkbox" name="id_cafe[]" value="5"> Cortado <br/>
<input type="checkbox" name="id_cafe[]" value="6"> Capuccino <br/>
<input type="checkbox" name="id_cafe[]" value="7"> Irlandes <br/>
<input type="checkbox" name="id_cafe[]" value="8"> Cafe Solo<br/>
Usuario: <br/>
<input type="checkbox" name="id_usuario[]" value="1"> Fslynx <br/>
<input type="checkbox" name="id_usuario[]" value="2"> Guts <br/>
<input type="checkbox" name="id_usuario[]" value="3"> Otter <br/>
<input type="checkbox" name="id_usuario[]" value="4"> Sebastian <br/>
<input type="checkbox" name="id_usuario[]" value="5"> Julian <br/>
<input type="checkbox" name="id_usuario[]" value="6"> Claire <br/>
Precio: <input type="text" name="precio"><br/>
IVA: <input type="text" name="iva"><br/>
Total: <input type="text" name="total"><br/>
<input type="submit" name="prueba" value="Enviar formulario">
<input type="reset" name="limpiar" value="Borrar formulario">
</form>
ajaxanadir.html
<script type="text/javascript" src="js/query.js">
$(function()) {
$('form').on('submit', function(e) {
e.preventDefault();
$.ajax({
type:'POST',
url: 'pruebacafe3.php',
dataType: 'json',
data: {
'id_compra_cafe': $("#id_compra_cafe").val(),
'id_cafe': JSON.stringify($('[name="id_cafe[]"]').serializeArray()),
'id_usuario': JSON.stringify($('[name="id_usuario[]"]').serializeArray()),
'precio': $("#precio").val(),
'iva': $("#iva").val(),
'total': $("#total").val(),
success: function(response){
$("#resultado").html(response);
}
}
});
});
}
</script>
Me pregunto si cambiaria algo del codigo del problema, se permite eliminar y editar datos del formulario para e la base de datos?
EDIT: Despues de aplicar la funcion del ajax como comentó Carmen y añadiendo la conexión al estilo MySQLi
procedure, al accionar el submit
, no pasa nada , no ejecuta ninguna acción del insert
del formulario a la tabla compra_cafe
.