Que tal, tengo un botón AGREGAR, que contiene dos campos, los cuales se llenan y se envían los datos a la tabla en mysql y en la tabla debajo
Al dar click en GUARDAR para enviar los datos me sale este mensaje, pero me lo manda a otra pagina, como le hago para que salga en la misma ventana del modal?
y tengo que volver a la pagina y actualizar para que me aparezcan los datos, lo cual es molesto, quiero que se haga en automático, me dijeron que con ajax, pero no se como, apenas empiezo y no se utilizarlo que necesito, alguna librería? Ojala me puedan ayudar
Les dejo mi código de mi modal
<!-- Modal-->
<form id="form1" name="form1" method="post" action="agregarModal_validacion.php">
<div id="myModal1" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<!--Cabecera del modal-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Nuevo Trabajo</h4>
</div>
<!--Contenido del modal-->
<div class="modal-body">
<div class="form-group">
<div class="col-xm-6">
<input class="form-control" type="text" id="txt_nombre" name="txt_nombre" placeholder="Nombre del trabajo" required="">
</div>
</div>
<div class="form-group">
<div class="col-xm-6">
<input class="form-control " type="text" id="txt_costo" name="txt_costo" placeholder="Costo" required="">
</div>
</div>
</div>
<!--Final del modal-->
<div class="modal-footer">
<button type="submit" class="btn btn-success btn-lg" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span> Guardar</button>
</div>
</div>
</div>
</div>
</form>
Y el codigo de mi php que hace la consulta
<?
$conexion= mysqli_connect("localhost", "root", "root", "registros");
if($conexion)
{
//Variables
$Nombre_Trabajo = $_POST['txt_nombre'];
$Costo=$_POST['txt_costo'];
//realiza la consulta
$consulta= "INSERT INTO trabajos (Nombre_Trabajo, Costo) values ('$Nombre_Trabajo','$Costo')";
//para ejecutar consulta
$resultado=mysqli_query($conexion ,$consulta);
if ($resultado)
{
$messages[] = "Los datos han sido agregados correctamente";
}
else
{
$errors[]= "No se puedo realizar la accion";
}
if (isset($errors)){
?>
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="consulta_lista.php">×</button>
<strong>Error!</strong>
<?php
foreach ($errors as $error) {
echo $error;
}
?>
</div>
<?php
}
if (isset($messages)){
?>
<div class="alert alert-success" role="alert">
<button type="button" class="close" data-dismiss="myModal1">×</button>
<strong>¡Bien hecho!</strong>
<?php
foreach ($messages as $message) {
echo $message;
}
?>
</div>
<?php
}
}
else{
echo "";
}
mysqli_close($conexion);
?>