Buen día, además de tener un problema, lo que creo tener es una duda teórica: Vengo haciendo un sistema con varios CRUDs aplicando el modelo MVC. En todos mis CRUDs sigo los mismos pasos: archivo.php que hace la llamada al controlador.php justo antes del cierre de la etiqueta form
, el controlador.php procesa y verifica los datos, los envía al modelo.php y este hace lo suyo comunicándose con la DB.
Lo que me pasa en el ultimo CRUD es que, el botón submit
de este formulario, ademas de enviarlo, tiene un par de acciones onClick
en un archivo.js.
Menciono esto de las acciones JS
porque es el único botón submit
de todos mis formularios que tiene este tipo de comportamientos, y el CRUD no funciona (específicamente la Creación de elementos)
Sospecho fuertemente que tiene algo que ver el hecho que el botón ejecute acciones en JS
, pero no estoy seguro y por ahí le estoy errando en algo. Agradecería que me pudieran ayudar.
A continuación coloco mis códigos:
crear-menu.php
<div class="card-footer">
<button type="submit" class="botonGuardar">Guardar Menú</button>
</div>
</form>
<?php
$crearMenu = new ControladorViandas();
$crearMenu -> ctrCrearVianda();
?>
EDIT 1:Ya probé colocar este código php
tanto dentro como fuera de las etiquetas form
, con idéntico resultado en ambos intentos.
menu.js con esta acción, recojo datos del formulario y los guardo como un string
en el val
de un elemento de mi html
, para recogerla luego con las variables $_POST[]
. No se si es buena idea.
$(".botonGuardar").click(function() {
// Creo el objeto JSON
listaIngredientes = [];
$(".listaIngredientes").each(function() {
var ingrediente = $(this).children(".col-6").children().children(".nuevoNombreIngrediente").val();
var cantidad = $(this).children(".col-2").children(".nuevaCantidadIngrediente").val();
var precio = $(this).children(".ingresoPrecio").children().children(".precioIngrediente").val();
var unidad = $(this).children(".div-unidad").children(".unidad-de-medida").val()
listaIngredientes.push({
"ingrediente": ingrediente,
"cantidad": cantidad,
"unidad": unidad,
"precio": precio
})
})
$("#ingredientesFinal").val(JSON.stringify(listaIngredientes));
});
controlador.php Como pueden observar, hay unos mensajes js
de consola en el codigo php. Cuando entro a crear-menu.php la consola arroja de una "no hay variable post nuevo menu", pero cuando envío el formulario no arroja ninguna de las dos consolas. Es como que nunca vuelve a ejecutar el método para crear un nuevo menú/vianda
static public function ctrCrearVianda(){
if(isset($_POST["nuevoMenu"])){
echo '<script>console.log("hay variable post nuevo menu")</script>';
if( preg_match('/^[a-zA-Z0-9ñÑáéíóúÁÉÍÓÚüÜ ]+$/', $_POST["nuevoMenu"])) {
$tabla = "viandas";
$datos = array(
"nombre" => $_POST["nuevoMenu"],
"id_cliente" => $_POST["seleccionarCliente"],
"productos" => $_POST["ingredientesFinal"],
"costo" => $_POST["nuevoPrecioMenu"],
"dmc" => $_POST["nuevoDmc"]
);
$respuesta = ModeloViandas::mdlCrearVianda($tabla,$datos);
if($respuesta == "ok"){
// El menu se creó correctamente
echo '<script>
swal.fire({
type: "success",
title: "El menu ha sido creado correctamente",
showConfirmButton: true,
confirmButtonText: "Cerrar",
closeOnConfirm: false
}).then(function(result){
if(result.value){
var url = window.location
var parts = url.toString().split("/");
var lastSegment = parts.pop() || parts.pop();
window.location = lastSegment;
}
});
</script>';
}
}else{
//EL NOMBRE DE MENU NO PUEDE LLEVAR CARACTERES ESPECIALES
}
}else{
echo '<script>console.log("no hay variable post nuevo menu")</script>';
}
}
modelo.php Por ultimo dejo el modelo, aunque es en vano porque estoy casi seguro que este esta bien, y ademas el error que devuelve el sistema hace que directamente ni se interactue con este archivo.
/*============================================
CARGAR VIANDA
============================================*/
static public function mdlCrearVianda($tabla, $datos){
$stmt = Conexion::conectar()->prepare("INSERT INTO $tabla(nombre, id_cliente, productos, costo, dmc) VALUES ( :nombre, :id_cliente, :productos, :costo, :dmc)");
$stmt->bindParam(":nombre", $datos["nombre"], PDO::PARAM_STR);
$stmt->bindParam(":id_cliente", $datos["id_cliente"], PDO::PARAM_STR);
$stmt->bindParam(":productos", $datos["productos"], PDO::PARAM_STR);
$stmt->bindParam(":costo", $datos["costo"], PDO::PARAM_STR);
$stmt->bindParam(":dmc", $datos["dmc"], PDO::PARAM_STR);
if($stmt->execute()){
return "ok";
}else{
return "error";
}
$stmt -> close();
$stmt = null;
}
JS
y en simultaneo aPHP
, tal vez pueda hacer la conexión con el controlador directamente desde mijs
usandoAjax
. No se que les parece?$("#ingredientesFinal").val(JSON.stringify(listaIngredientes));
es la que devuelve el string al valor de un elemento html, que yo luego voy a querer enviar como variable post. El tema es que elluego
es relativo porq es el mismo boton que hace las dos acciones, por lo que se dispararian en simultaneo. Cuando llegue a mi casa voy a probar hacer todo mediante ajax y comento como me fue.