SlideShare una empresa de Scribd logo
1 de 10
DESARROLLO WEB

Insertar un registro a una tabla de mysql

Universidad Tecnológica de Tecamachalco
Indice

1.

Tener un botón con el texto Nuevo proveedor o registrar
Proveedor
1. Tener un botón con el texto Nuevo proveedor o registrar
Proveedor
El botón se crea con la etiqueta <button>
</button>
El botón tiene programado el evento
onClick=“ProveedorRegistrar();”
Este método lo tenemos que implementar en un
archivo con extención JS,
Para eso el siguiente paso es crear el archivo y lo
ubicamos dentro de una carpeta nueva con el
nombre js
Contenido del método
ProveedorRegistrar()
Este método invoca a
function $.Ajax() para
mandar a a traer una
pagina php con la
propiedad url:
La propiedad type: es la
forma de envio de datos a
esa pagina.

La propiedad data: se
indican las variables que se
le enviaran a ese archivo
El div se cargara
en un dialog()

(ventana modal)
Propiedades del
método dialog()

La propiedad success:
se utiliza para regresar un
mensaje satisfactorio al
ejecutar la pagina.
La pagina se caragara en
un div.
(divDialogPRoveedor)
Esta pagina php se utiliza para crear la interfaz para registrar a un proveedor
(campos de texto, etiquetas y boton con un evento)

Ejecuta a ese metodo, se debe iplemenar
En el archivo js
3.- Este archivo regresa un valor
json y se almacena en la
función respProvregistrarSave
1

Por esa razon se implementa la
function en la parte inferior.

2

4.- El mensaje o resultado que
regrese el archivo
RegistrarProveedoresSave.php
se almacena en la variable arg, y
posteriormente se muestra en el div

3

DivMensajeRegistrarProveedor
que se encuentra ubicado en parte
inferior de la imagen de la
diapositiva anterior

4

5

Implementación del método RegistrarProveedoresSave.php el cual manda a
ejecutar a u archivo php.
1.- Utiliza el método $.post (), y al archivo que manda a traer es
ProveedoresRegistrarSave.php ,
2.- Se le envian los datos
iddat : $(“#txtid”).val(), y asi sucesivamente, el
metodo val(), obtiene la informacion del campo de texto indicado y se le asigna al
iddat
5.- Redirecciona a una página

principal de los proveedores para actualizar la tabla
3.- El archivo php retorna un valor
de tipo:
json_encode() ,
1

Dentro del método se regresa una
variable con un mensaje de texto.
Ese mensaje se recupera en el
método que invoca a esta página
y se muestra en un div.

2

3

1.- Se recupera la informacion de las variables que se le envian al archivo
(variables con terminacion iddat), el método que se utiliza es el POST, ya que se
invoca a la página con ese método.
2.- Se utiliza a la función mysqli_query(), para ejecutar la sentencia SQL que
permite registrar a un registro INSERT INTO …
<div id=“” >
•

Más contenido relacionado

La actualidad más candente

Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con AndroidLuis Ernesto Castillo Alfaro
 
Web de noticias en Ajax
Web de noticias en AjaxWeb de noticias en Ajax
Web de noticias en Ajaxjubacalo
 
Conexión a postgres desde
Conexión a postgres desdeConexión a postgres desde
Conexión a postgres desdejbersosa
 
SQL Visual Basic 6.0
SQL Visual Basic 6.0SQL Visual Basic 6.0
SQL Visual Basic 6.0odairfunez
 
Conectar java con una base de datos
Conectar java con una base de datosConectar java con una base de datos
Conectar java con una base de datosjbersosa
 
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con AndroidTutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con AndroidLuis Ernesto Castillo Alfaro
 
Enlace de visual basic con una base de datos access 2007
Enlace de visual basic con una base de datos access 2007Enlace de visual basic con una base de datos access 2007
Enlace de visual basic con una base de datos access 2007alan martinez
 
61229578 acceso-a-base-de-datos-mysql-con-netbeans
61229578 acceso-a-base-de-datos-mysql-con-netbeans61229578 acceso-a-base-de-datos-mysql-con-netbeans
61229578 acceso-a-base-de-datos-mysql-con-netbeansepilefmtx
 
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con AndroidLuis Ernesto Castillo Alfaro
 
CONEXION VISUAL STUDIO.NET - SQL SERVER
CONEXION VISUAL STUDIO.NET - SQL SERVERCONEXION VISUAL STUDIO.NET - SQL SERVER
CONEXION VISUAL STUDIO.NET - SQL SERVERDarwin Durand
 
Uso java jdbc
Uso java jdbcUso java jdbc
Uso java jdbcjbersosa
 
Acciones JSP
Acciones JSPAcciones JSP
Acciones JSPjubacalo
 
Explicación del código del Servlet HolaMundo
Explicación del código del Servlet HolaMundoExplicación del código del Servlet HolaMundo
Explicación del código del Servlet HolaMundojubacalo
 
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con AndroidLuis Ernesto Castillo Alfaro
 
Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005Ricardo Viqueira
 
Continuación 3 de la creación de reportes con jasper report
Continuación 3 de la creación de reportes con jasper reportContinuación 3 de la creación de reportes con jasper report
Continuación 3 de la creación de reportes con jasper reportjbersosa
 
Continuacion ejemplo de base de datos y reports con jasper report
Continuacion ejemplo de base de datos y reports con jasper reportContinuacion ejemplo de base de datos y reports con jasper report
Continuacion ejemplo de base de datos y reports con jasper reportjbersosa
 
Jsp directiva page
Jsp directiva pageJsp directiva page
Jsp directiva pagejubacalo
 
Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!Ziscko
 
Cliente servidor tron
Cliente servidor tronCliente servidor tron
Cliente servidor trontallarinxD
 

La actualidad más candente (20)

Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
 
Web de noticias en Ajax
Web de noticias en AjaxWeb de noticias en Ajax
Web de noticias en Ajax
 
Conexión a postgres desde
Conexión a postgres desdeConexión a postgres desde
Conexión a postgres desde
 
SQL Visual Basic 6.0
SQL Visual Basic 6.0SQL Visual Basic 6.0
SQL Visual Basic 6.0
 
Conectar java con una base de datos
Conectar java con una base de datosConectar java con una base de datos
Conectar java con una base de datos
 
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con AndroidTutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
 
Enlace de visual basic con una base de datos access 2007
Enlace de visual basic con una base de datos access 2007Enlace de visual basic con una base de datos access 2007
Enlace de visual basic con una base de datos access 2007
 
61229578 acceso-a-base-de-datos-mysql-con-netbeans
61229578 acceso-a-base-de-datos-mysql-con-netbeans61229578 acceso-a-base-de-datos-mysql-con-netbeans
61229578 acceso-a-base-de-datos-mysql-con-netbeans
 
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
 
CONEXION VISUAL STUDIO.NET - SQL SERVER
CONEXION VISUAL STUDIO.NET - SQL SERVERCONEXION VISUAL STUDIO.NET - SQL SERVER
CONEXION VISUAL STUDIO.NET - SQL SERVER
 
Uso java jdbc
Uso java jdbcUso java jdbc
Uso java jdbc
 
Acciones JSP
Acciones JSPAcciones JSP
Acciones JSP
 
Explicación del código del Servlet HolaMundo
Explicación del código del Servlet HolaMundoExplicación del código del Servlet HolaMundo
Explicación del código del Servlet HolaMundo
 
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
 
Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005Conexión Base de Datos Access con Visual 2005
Conexión Base de Datos Access con Visual 2005
 
Continuación 3 de la creación de reportes con jasper report
Continuación 3 de la creación de reportes con jasper reportContinuación 3 de la creación de reportes con jasper report
Continuación 3 de la creación de reportes con jasper report
 
Continuacion ejemplo de base de datos y reports con jasper report
Continuacion ejemplo de base de datos y reports con jasper reportContinuacion ejemplo de base de datos y reports con jasper report
Continuacion ejemplo de base de datos y reports con jasper report
 
Jsp directiva page
Jsp directiva pageJsp directiva page
Jsp directiva page
 
Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!
 
Cliente servidor tron
Cliente servidor tronCliente servidor tron
Cliente servidor tron
 

Similar a 4. insertar datos

Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+Victor Aravena
 
Funciones definidas por el usuario y variables superglobales
Funciones definidas por el usuario y variables superglobalesFunciones definidas por el usuario y variables superglobales
Funciones definidas por el usuario y variables superglobalesOSCARANDRESALBAPADRO
 
Tarea 5 Prograamacion Web.Funciones en PHP
Tarea 5 Prograamacion Web.Funciones en PHPTarea 5 Prograamacion Web.Funciones en PHP
Tarea 5 Prograamacion Web.Funciones en PHPDorianAlejandroRamir
 
Progressbar
ProgressbarProgressbar
Progressbaredddyx05
 
Conociendo el Patron Modelo Vista Controlador
Conociendo el Patron   Modelo Vista ControladorConociendo el Patron   Modelo Vista Controlador
Conociendo el Patron Modelo Vista Controladorlissette_torrealba
 
Programación orientada a objetos II
Programación orientada a objetos IIProgramación orientada a objetos II
Programación orientada a objetos IIyanburbano
 
Programación de códigos en PHP
Programación de códigos en PHPProgramación de códigos en PHP
Programación de códigos en PHPZeleneMorita
 
Guia basica de ruby on rails
Guia basica de ruby on railsGuia basica de ruby on rails
Guia basica de ruby on railsroberthp09
 
WPF Series - 01
WPF Series - 01WPF Series - 01
WPF Series - 01kazcorp
 

Similar a 4. insertar datos (20)

Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
 
Funciones
FuncionesFunciones
Funciones
 
Practica web de la sesión 10
Practica web de la sesión 10Practica web de la sesión 10
Practica web de la sesión 10
 
Funciones definidas por el usuario y variables superglobales
Funciones definidas por el usuario y variables superglobalesFunciones definidas por el usuario y variables superglobales
Funciones definidas por el usuario y variables superglobales
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Practica web de la sesión 13
Practica web de la sesión 13Practica web de la sesión 13
Practica web de la sesión 13
 
Tarea 5 Prograamacion Web.Funciones en PHP
Tarea 5 Prograamacion Web.Funciones en PHPTarea 5 Prograamacion Web.Funciones en PHP
Tarea 5 Prograamacion Web.Funciones en PHP
 
Progressbar
ProgressbarProgressbar
Progressbar
 
Conociendo el Patron Modelo Vista Controlador
Conociendo el Patron   Modelo Vista ControladorConociendo el Patron   Modelo Vista Controlador
Conociendo el Patron Modelo Vista Controlador
 
Programación orientada a objetos II
Programación orientada a objetos IIProgramación orientada a objetos II
Programación orientada a objetos II
 
fonciones
foncionesfonciones
fonciones
 
Practica web de la sesión 15
Practica web de la sesión 15Practica web de la sesión 15
Practica web de la sesión 15
 
Programación de códigos en PHP
Programación de códigos en PHPProgramación de códigos en PHP
Programación de códigos en PHP
 
Practica Web Sesión 5
Practica Web Sesión 5Practica Web Sesión 5
Practica Web Sesión 5
 
Sesion n°6
Sesion n°6Sesion n°6
Sesion n°6
 
Practica web de la sesion 7
Practica web de la sesion 7Practica web de la sesion 7
Practica web de la sesion 7
 
Guia basica de ruby on rails
Guia basica de ruby on railsGuia basica de ruby on rails
Guia basica de ruby on rails
 
WPF Series - 01
WPF Series - 01WPF Series - 01
WPF Series - 01
 
Practica web de la sesión 5
Practica web de la sesión 5Practica web de la sesión 5
Practica web de la sesión 5
 

4. insertar datos

  • 1. DESARROLLO WEB Insertar un registro a una tabla de mysql Universidad Tecnológica de Tecamachalco
  • 2. Indice 1. Tener un botón con el texto Nuevo proveedor o registrar Proveedor
  • 3. 1. Tener un botón con el texto Nuevo proveedor o registrar Proveedor
  • 4. El botón se crea con la etiqueta <button> </button> El botón tiene programado el evento onClick=“ProveedorRegistrar();” Este método lo tenemos que implementar en un archivo con extención JS, Para eso el siguiente paso es crear el archivo y lo ubicamos dentro de una carpeta nueva con el nombre js
  • 5. Contenido del método ProveedorRegistrar() Este método invoca a function $.Ajax() para mandar a a traer una pagina php con la propiedad url: La propiedad type: es la forma de envio de datos a esa pagina. La propiedad data: se indican las variables que se le enviaran a ese archivo El div se cargara en un dialog() (ventana modal) Propiedades del método dialog() La propiedad success: se utiliza para regresar un mensaje satisfactorio al ejecutar la pagina. La pagina se caragara en un div. (divDialogPRoveedor)
  • 6. Esta pagina php se utiliza para crear la interfaz para registrar a un proveedor (campos de texto, etiquetas y boton con un evento) Ejecuta a ese metodo, se debe iplemenar En el archivo js
  • 7. 3.- Este archivo regresa un valor json y se almacena en la función respProvregistrarSave 1 Por esa razon se implementa la function en la parte inferior. 2 4.- El mensaje o resultado que regrese el archivo RegistrarProveedoresSave.php se almacena en la variable arg, y posteriormente se muestra en el div 3 DivMensajeRegistrarProveedor que se encuentra ubicado en parte inferior de la imagen de la diapositiva anterior 4 5 Implementación del método RegistrarProveedoresSave.php el cual manda a ejecutar a u archivo php. 1.- Utiliza el método $.post (), y al archivo que manda a traer es ProveedoresRegistrarSave.php , 2.- Se le envian los datos iddat : $(“#txtid”).val(), y asi sucesivamente, el metodo val(), obtiene la informacion del campo de texto indicado y se le asigna al iddat 5.- Redirecciona a una página principal de los proveedores para actualizar la tabla
  • 8. 3.- El archivo php retorna un valor de tipo: json_encode() , 1 Dentro del método se regresa una variable con un mensaje de texto. Ese mensaje se recupera en el método que invoca a esta página y se muestra en un div. 2 3 1.- Se recupera la informacion de las variables que se le envian al archivo (variables con terminacion iddat), el método que se utiliza es el POST, ya que se invoca a la página con ese método. 2.- Se utiliza a la función mysqli_query(), para ejecutar la sentencia SQL que permite registrar a un registro INSERT INTO …
  • 10.