Vamos a continuar trabajando con nuestro proyecto y aquí voy a cerrar esto la siguiente El siguiente
paso es la parte de editar.
Supongamos que queremos editar este registro damos clic aquí nos llenaría lo que vienen siendo los campos
con ambos formularios tanto de editar como el de agregar campos son exactamente el mismo por lo tanto
ambos tienen el mismo selector en la JS Que se esté en contacto formulario de contacto pues es el que
tenemos esta función de leer formulario validamos el formulario y luego creamos el fundirá con el nombre
la empresa el teléfono y la acción.
Estos cuatro campos que están aquí se comparten en ambas y parece que aquí tenemos un NIF que dice acciones
igual a crear entonces insertarlo en la base de datos.
En el caso de editar tenemos que obtener el Leydi y eso lo vamos a Reque.
Leer el Leydi
que si abrimos lo que es editar vamos inspeccionaban tiene este giro con el oiría y con el concepto
de registro va a ser igual document punto cueritos el lector Heydi punto vale y eso nos va a traer lo
que viene siendo indica que se tenga después vamos a utilizar el mismo pondera info contacto y vamos
a agregar Append Heydi Koma y vamos a poner ahí de registro.
Entonces estos cuatro que están aquí se comparten en ambos pero como editar requiere un Airi.
Continuamos agregando más elementos en esta parte.
Por eso creamos este pequeño pequeño If que revisa si estamos creando o editando y vamos a poner una
función actualizar registro y en ella voy a pasar la información de contacto esta función hay que crearla
a colapsar aquí esta función con función
revisar registro que esta función va a tomar los datos aquí tenemos datos recuerda.
Si quieres comprobar esos datos no puedes usar Consol log directamente de los datos pero puedes utilizar
el esperado proyector 3.El datos disfrutaba crear una copia de lo que hay en el fondo.
Si recargamos aquí vamos a consola de guardar.
Vemos que aparece el nombre 1 está bien la empresa.
2 teléfono 3 Acción editar el Heydi vemos que aparece en el trece.
Entonces está leyendo correctamente todos los datos y desde aquí vamos a hacer las operaciones de Ayax
crear el objeto abrir la conexión leer la respuesta y enviar la petición.
Enviar la petición es lo más fácil porque vamos a pasarle los datos directamente estás en una petición
POST por lo tanto se pasan aquí y crear la parte del llamado crear el objeto también va a ser const
X H.R igual a new XML HTTP request y aquí donde abrimos la conexión utilizamos de nueva cuenta DX HR
Open y vamos a pasarlo por post.
Si NCA diagonal modelos diagonal modelo contacto contactos plural y asíncrono.
Finalmente en la respuesta vamos a poner X H.R con o la función
y revisamos el status
igual a 200 quiere decir que se realizó correctamente.
Con una respuesta igual la Iason punto parts nos va a retornar Jayson nuevamente.
H.R punto responsa Tex y un Consol log.
La respuesta.
Entonces en nuestras acciones que estamos mandando puedes ver que estamos dando acción editar.
Por lo tanto vamos a abrir nuestro modelo y voy a copiar este código aquí arriba chistosos
y cerramos por lo tanto el que iba a ser la acción editar y podemos comprobar todo mandando a comentar
esta línea cortarla eco Jayson en Cobalt posteamos mandato por post.
Por lo tanto aquí también debe ser post
guardamos cambios si recargamos y vemos que tenemos la acción editar la empresa.
2 Hoy día es el 3 el nombre y el teléfono.
Entonces todo funciona correctamente.
Si damos en este otro que tienen más datos más reales damos a guardar.
Vemos que aparece JuanPablo empresa teléfono acción y el aire se ve bastante bien.
Recuerda siempre utiliza Caillois Anecoop para ver qué te está retornando por qué estás mandando a tus
modelos.
De otra forma va a ser muy complicado dibujar lo que estás mandando a PHP y la respuesta.
Esta es la forma más fácil de hacerlo voy a incluir la conexión y voy a traerme lo que son las validaciones
que tenemos aquí arriba.
Copiar todas estas adquieras aniquilación de los datos.
Tenemos el nombre de la empresa el teléfono todos están bien y lo único que nos falta es el Heydi por
lo tanto voy a copiar este otro de aquí tenemos ahí es que se pasa por medio de post Heydi y puedes
ver que aquí están los campos acción con acción no nombre empresa teléfono nombre empresa teléfono y
Leidi tenemos todos y después utilizamos el Troy nuevamente catch parentesis.
Ya ves por fuera y va a ser muy similar a lo que tenemos aquí a copiar todo aquí de esta forma y aquí
vamos a realizar lo que es el obtained ponemos esta nuevamente todo esto es igualas con prepararé top
de contactos y vamos a colocar cada uno de los campos vamos a reescribir todo no es que vayamos a comprobar
cual cambió.
No sería muy eficiente vamos a llegar y reemplazar todos los datos de contactos Seth nombre igual a
Pleiss folder Koma y aquí aquí voy a revisar algo nada más tenemos como teléfono aquí entonces teléfono
igual a empresa igual a y también vamos a poner el please Wolder y ya no pongo Comas Guaire nuevamente
muy importante el Leydi entonces así es como reza su Nobbs de compra.
Pero esta inmensa en PHP colocamos statement statement Vayne Parham vamos a pasarle 4 3 son string uno
es un entero pues el que existan 1 2 3 y el último es un entero y ponemos el nombre de las variables
nombre empresa teléfono y Heydi en el mismo orden que los coloques tienes que ponerlos todos y finalmente
ejecutar el statement statement exequible y Steinman Clocks y conexión Cluedo también cerrar el sistema
cerrar la conexión que íbamos a colocar la respuesta y Steadman affected Root solamente hacemos un cambio
a la vez es igual a 1 entonces ponemos respuesta igual a un arreglo y ponemos aquí respuesta correcto.
De esta forma se pone el lunes también si quisieras una respuesta en caso de que no se haya realizado
ningún cambio
bueno esas son ya detalles que puedes hacer si abrimos la que viene siendo o puede ser que aquí viene
correctos.
La única respuesta que estamos dando si abrimos el app J.S y buscamos es de actualizar registro aquí
ya estamos enviando a la consola entonces vamos a hacer una prueba.
Aquí se debe guardar que es el correcto entonces.
Respuesta correcto.
Aquí lo tenemos como respuesta lo que en otros se había utilizado.
Resultado.
Pero bueno tenemos aquí respuesta por lo tanto IHF.
En respuesta punto.
Respuesta Es igual.
Correcto.
Eso quiere decir que voy a mostrar mi notificación
y es un error vamos a colocar primero la del todo correcto mostrar notificación y primeros el mensaje.
Contacto editado correctamente.
Segundo parámetro es la clase que es correcto y en el caso contrario voy a crear una copia de éste y
vamos a cambiarla a lo que viene siendo un error no dar más detalles solamente hubo un error y aquí
hubo un error o mejor dicho una clase de error.
Si recargamos por ejemplo ponemos aquí pensar que se me mezclaron los valores y eso pasa porque tienes
que abrir el modelo puedes ver que tenemos nombre teléfono empresa y estoy pasando nombre en preceda
teléfono todos estos deben ir al revés.
Volviendo a esta parte ya no va a funcionar igual porque tenemos hemos hecho el cambio.
Tenemos que reordenar los recargamos y vemos que se mantiene entonces.
Por eso es importante estar probando todo y por ejemplo puedes ver que cuando le doy aquí cierro esto
de guardar aparece la notificación y desaparece.
Eso se ve bastante bien si abrimos el J.V después de las notificaciones no importa si fue correcto o
incorrecto.
Después de tres segundos redireccionar suelen ser out de tres segundos €3000 es igual a tres segundos
Windows location con Touch Raff y nos va a llevar a blindex punto Pache pero obviamente tú decides en
qué lugar quieres redireccionar este caso y poner el blindex recargamos para por ejemplo Juan Akiba
con el de guardar ese contacto editado correctamente y una vez que se va la notificación nos lleva lo
que viene siendo la página principal vamos a darle un segundo más porque tenemos que aparezca la notificación
y luego que desaparezcan tres segundos y medio antes de quitar si por ejemplo eliminas esto y das guardar
aparece la notificación se va la notificación nos redirecciona y ya en esta parte del registro ha sido
actualizado automáticamente y con eso ya tenemos ahora sí las cuatro operaciones.
Digamos que yo aquí creó un nuevo registro
y pongo cualquier número que yo quiera añadir se añade aparece en la parte inferior.
Desde aquí lo puedo eliminar si deseas también se lo lleva.
No hay ningún problema.
Por ejemplo estos que dicen 1 2 3 y Daiquirí que editar ponemos por ejemplo y guardar cambios lo guarda
nos lleva nuevamente lo que es la página principal actualiza el registro y ya tenemos también la parte
de listar los registros hay dos cosas faltantes en este proyecto pero ya las cuatro operaciones están
listas cuando tienes aquí que aparecen dos contactos y agregó uno nuevo tras mi nombre y doy clic en
Añadir puedes ver que el número se actualiza tres ya tengo tres registros.
Si comienzo a buscar aquí coloco uno que también se actualiza en esta parte nos hace falta saber cuántos
registros hay pero también la parte de buscar vamos a ir uno a la vez.
El siguiente vídeo vamos a comenzar con el buscador.