SlideShare una empresa de Scribd logo
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

PPTX
5. modificar datos
PPTX
3. consultar datos
PPTX
1. introduccion al desarrollo web php parte 1
PPTX
2. hoja de estilo
PDF
jQuery Mobile :: Cuadros de diálogo
PDF
Ejemplo de base de datos y reports con jasper report
PDF
Acceso a BBDD mediante un servlet
PDF
Servlet Hola Mundo con Eclipse y Tomcat
5. modificar datos
3. consultar datos
1. introduccion al desarrollo web php parte 1
2. hoja de estilo
jQuery Mobile :: Cuadros de diálogo
Ejemplo de base de datos y reports con jasper report
Acceso a BBDD mediante un servlet
Servlet Hola Mundo con Eclipse y Tomcat

La actualidad más candente (20)

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

Similar a 4. insertar datos (20)

PDF
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
PPTX
Funciones
PPTX
Practica web de la sesión 10
PPTX
Funciones definidas por el usuario y variables superglobales
PDF
Doctrine symfony
PDF
Doctrine symfony
PPTX
Practica web de la sesión 13
PPTX
Tarea 5 Prograamacion Web.Funciones en PHP
DOCX
Progressbar
PDF
Conociendo el Patron Modelo Vista Controlador
DOCX
Programación orientada a objetos II
PPT
fonciones
PPTX
Practica web de la sesión 15
PPTX
Programación de códigos en PHP
PPTX
Practica Web Sesión 5
PPSX
Sesion n°6
PPTX
Practica web de la sesion 7
ODT
Guia basica de ruby on rails
PPT
WPF Series - 01
PPTX
Practica web de la sesión 5
Insertar Elemento de Contenido PHP en Typo3 6.0+ 6.2+
Funciones
Practica web de la sesión 10
Funciones definidas por el usuario y variables superglobales
Doctrine symfony
Doctrine symfony
Practica web de la sesión 13
Tarea 5 Prograamacion Web.Funciones en PHP
Progressbar
Conociendo el Patron Modelo Vista Controlador
Programación orientada a objetos II
fonciones
Practica web de la sesión 15
Programación de códigos en PHP
Practica Web Sesión 5
Sesion n°6
Practica web de la sesion 7
Guia basica de ruby on rails
WPF Series - 01
Practica web de la sesión 5
Publicidad

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.