59 Cursos de JQuery – Proyecto final

Tutorial #59 del curso de jquery, en este tutorial seguimos con el proyecto final módulo CRUD y veremos como agregar usuarios a la base de datos utilizando ajax() y php.

$(document).ready(function() {
      // Dialogo muestra formulario para agregar usuario
      var dialogo = $("#agregar").dialog({
        autoOpen: false,
        modal: true,
        title: "Agregar Usuario",
        buttons: {
          "Crear usuario": function(){
              var datos = $('#formulario').serialize();
              $.ajax({
                url:'agregar.php',
                type:'POST',
                data: datos
              }).done(function() {

                window.location.replace('proyecto-crud.php');
              });

          },
          Cancel: function() {
            $('#formulario')[0].reset();
            $(this).dialog("close");
          }
        }

      });

      // Dialogo muestra formulario para editar usuario
    var actualizar = $("#editar").dialog({
        autoOpen: false,
        modal: true,
        title: "Editar Usuario",
        buttons: {
          "Editar usuario": function(){
             //ajax
          },
          Cancel: function() {
            $('#formulario2')[0].reset();
            $(this).dialog("close");
          }
        }

      });

      // Dialogo muestra mensaje de confirmación para eliminar
    var confirmar = $( "#dialogo-confirm" ).dialog({
          autoOpen: false,
          resizable: false,
          modal: true,
          buttons: {
            "Eliminar": function() {
              //ajax
            },
            Cancel: function() {
              $(this).dialog( "close" );
             
            }
          }
    });

    // evento click muestra el dialogo
    $( "#nuevo" ).button().on( "click", function() {
      dialogo.dialog( "open" );
    });

    // evento click muestra dialogo de confirmación para eliminar
    $(".eliminar").click(function(event) {
      confirmar.dialog("open");
    });

    // evento click muestra dialogo con formulario para editar usuario
    $(".editar").click(function(event) {
          actualizar.dialog('open');
       });
        
    });

       
   });

<?php
include('conexion.php');

$con = db_connect();

$usuario = $_POST['usuario'];
$nombre = $_POST['nombre'];
$apellido = $_POST['apellido'];
$telefono = $_POST['telefono'];
$email = $_POST['email'];
$password = $_POST['password'];
$password = md5($password);

$q = "INSERT INTO usuarios (usuario,nombre,apellido,telefono,email,password) VALUES('$usuario','$nombre','$apellido','$telefono','$email','$password')";
$con->query($q);

echo "ok";

?>