1. DESARROLLO WEB
Modificar un registro
Universidad Tecnológica de Tecamachalco

2. 1. Crear un botón para modificar un registro

3. 1

En la imagen superior muestra el código para crear un botón (<button> </button>), se le agrega un
evento al botón (onclick) el cual se utiliza para invocar a un método que se debe implementar en un
archivo de JavaScript.- (.js), el método tiene el nombre de modProveedor(parametro). El código del
método se muestra en la siguiente diapositiva.

4. 
En la imagen se muestra el código
que permite mandar a traer el
archivo ProveedoresEditar.php, por
medio de la propiedad URL: este
archivo muestra la interfaz grafica
para
modificar
un
registro
seleccionado.

Con la propiedad data{ } se envían
los valores o parámetros por post
o get eso depende del type: del
Ajax.
2
El método recibe un valor, el valor
es el id del proveedor que se desea
modificar. (2)

1

NOT: el archivo que se manda a
traer se carga a un Div y el Div se
carga un Dialog() (Ventana Modal)
3

5. 1
2
3
4
5

6. 1
2

El código de la diapositiva anterior genera la siguiente ventana, la cual muestra lo datos de un
proveedor en campos de texto para realizar alguna modificación de uno de sus atributos.

En el caso de Id no se puede modificar ya que el campo de texto es solo lectura (1), eso se indica con
la propiedad ReadOnly.

Lo campos de texto tienen la propiedad
variable como se ve en la Interfaz.

Se crea un botón para mandar a ejecutar a una función
de JavaScript (4)
ProveedoresEditarSave.php, el cual se implementa en el archivo JavaScript (.js), que se muestra en
la siguiente diapositiva.
value, esta se utiliza para asignar la información de una

7. 
La función ProveedorEditarSave(), se
utiliza para mandar a traer a una pagina
de PHP, la cual retorna un valor Json (“El
valor Json es un texto de confirmación”)

El valor que regrese lo recupera como
argumento
la
función
respProvEditarSave()

La pagina que manda a traer lo hace
utilizando el método de envío post, los
valores que le envía a la pagina son los
siguientes.



iddat : $(#txtid).Val(),
Etc…
Donde txtid, es el nombre de un campo
de texto, y el método Val(), lo que
haces es obtener la información que
tenga el campo de texto y se la asigna a
la variable iddat, por lo tanto con ese
nombre la va a recuperar la pagina php
que se manda a traer.

8. 
En la imagen se muestra el código que permite actualizar los datos de un determinado proveedor.

Paso 1.- Se obtiene la información de los campos de texto.

Paso 2.- Se incustra el código de la conexión a la base de datos.

Paso 3.- Se ejecuta al método que conecta a la base de datos.

Paso 4.- Si al conexión es correcta se ejecuta la sentencia SQL que actualiza a ala base de datos (UPDATE …)

Paso 5.- con la sentencia echo json… se regresa un resultado json esperado con un parámetro que tiene la
confirmación de la Operación realizada.

9. 
Ver el registro con sus datos actualizado de la tabla.

10. •