1
00:00:00,450 --> 00:00:07,160
Vamos a continuar trabajando con nuestro proyecto y aquí voy a cerrar esto la siguiente El siguiente

2
00:00:07,160 --> 00:00:08,830
paso es la parte de editar.

3
00:00:09,470 --> 00:00:14,570
Supongamos que queremos editar este registro damos clic aquí nos llenaría lo que vienen siendo los campos

4
00:00:15,800 --> 00:00:24,690
con ambos formularios tanto de editar como el de agregar campos son exactamente el mismo por lo tanto

5
00:00:24,750 --> 00:00:31,950
ambos tienen el mismo selector en la JS Que se esté en contacto formulario de contacto pues es el que

6
00:00:31,950 --> 00:00:38,580
tenemos esta función de leer formulario validamos el formulario y luego creamos el fundirá con el nombre

7
00:00:38,650 --> 00:00:41,040
la empresa el teléfono y la acción.

8
00:00:41,040 --> 00:00:47,300
Estos cuatro campos que están aquí se comparten en ambas y parece que aquí tenemos un NIF que dice acciones

9
00:00:47,310 --> 00:00:51,110
igual a crear entonces insertarlo en la base de datos.

10
00:00:51,300 --> 00:00:57,240
En el caso de editar tenemos que obtener el Leydi y eso lo vamos a Reque.

11
00:00:57,650 --> 00:00:58,650
Leer el Leydi

12
00:01:01,180 --> 00:01:10,930
que si abrimos lo que es editar vamos inspeccionaban tiene este giro con el oiría y con el concepto

13
00:01:11,740 --> 00:01:19,810
de registro va a ser igual document punto cueritos el lector Heydi punto vale y eso nos va a traer lo

14
00:01:19,810 --> 00:01:30,060
que viene siendo indica que se tenga después vamos a utilizar el mismo pondera info contacto y vamos

15
00:01:30,060 --> 00:01:35,060
a agregar Append Heydi Koma y vamos a poner ahí de registro.

16
00:01:36,340 --> 00:01:42,900
Entonces estos cuatro que están aquí se comparten en ambos pero como editar requiere un Airi.

17
00:01:42,900 --> 00:01:45,210
Continuamos agregando más elementos en esta parte.

18
00:01:45,210 --> 00:01:53,220
Por eso creamos este pequeño pequeño If que revisa si estamos creando o editando y vamos a poner una

19
00:01:53,220 --> 00:02:01,560
función actualizar registro y en ella voy a pasar la información de contacto esta función hay que crearla

20
00:02:02,100 --> 00:02:06,570
a colapsar aquí esta función con función

21
00:02:09,890 --> 00:02:14,850
revisar registro que esta función va a tomar los datos aquí tenemos datos recuerda.

22
00:02:14,930 --> 00:02:21,790
Si quieres comprobar esos datos no puedes usar Consol log directamente de los datos pero puedes utilizar

23
00:02:21,790 --> 00:02:27,670
el esperado proyector 3.El datos disfrutaba crear una copia de lo que hay en el fondo.

24
00:02:28,360 --> 00:02:30,910
Si recargamos aquí vamos a consola de guardar.

25
00:02:30,980 --> 00:02:34,420
Vemos que aparece el nombre 1 está bien la empresa.

26
00:02:34,420 --> 00:02:39,360
2 teléfono 3 Acción editar el Heydi vemos que aparece en el trece.

27
00:02:39,560 --> 00:02:46,600
Entonces está leyendo correctamente todos los datos y desde aquí vamos a hacer las operaciones de Ayax

28
00:02:47,690 --> 00:02:58,150
crear el objeto abrir la conexión leer la respuesta y enviar la petición.

29
00:03:00,610 --> 00:03:06,090
Enviar la petición es lo más fácil porque vamos a pasarle los datos directamente estás en una petición

30
00:03:07,500 --> 00:03:14,520
POST por lo tanto se pasan aquí y crear la parte del llamado crear el objeto también va a ser const

31
00:03:14,810 --> 00:03:25,090
X H.R igual a new XML HTTP request y aquí donde abrimos la conexión utilizamos de nueva cuenta DX HR

32
00:03:25,560 --> 00:03:28,840
Open y vamos a pasarlo por post.

33
00:03:28,860 --> 00:03:37,080
Si NCA diagonal modelos diagonal modelo contacto contactos plural y asíncrono.

34
00:03:37,920 --> 00:03:43,860
Finalmente en la respuesta vamos a poner X H.R con o la función

35
00:03:46,440 --> 00:03:48,060
y revisamos el status

36
00:03:50,700 --> 00:03:55,710
igual a 200 quiere decir que se realizó correctamente.

37
00:03:55,880 --> 00:04:01,970
Con una respuesta igual la Iason punto parts nos va a retornar Jayson nuevamente.

38
00:04:02,420 --> 00:04:09,480
H.R punto responsa Tex y un Consol log.

39
00:04:09,520 --> 00:04:10,560
La respuesta.

40
00:04:11,560 --> 00:04:15,720
Entonces en nuestras acciones que estamos mandando puedes ver que estamos dando acción editar.

41
00:04:15,760 --> 00:04:21,800
Por lo tanto vamos a abrir nuestro modelo y voy a copiar este código aquí arriba chistosos

42
00:04:25,530 --> 00:04:32,080
y cerramos por lo tanto el que iba a ser la acción editar y podemos comprobar todo mandando a comentar

43
00:04:32,080 --> 00:04:39,590
esta línea cortarla eco Jayson en Cobalt posteamos mandato por post.

44
00:04:39,710 --> 00:04:41,540
Por lo tanto aquí también debe ser post

45
00:04:44,810 --> 00:04:50,860
guardamos cambios si recargamos y vemos que tenemos la acción editar la empresa.

46
00:04:50,860 --> 00:04:53,630
2 Hoy día es el 3 el nombre y el teléfono.

47
00:04:53,710 --> 00:04:55,500
Entonces todo funciona correctamente.

48
00:04:55,720 --> 00:04:59,530
Si damos en este otro que tienen más datos más reales damos a guardar.

49
00:04:59,630 --> 00:05:04,780
Vemos que aparece JuanPablo empresa teléfono acción y el aire se ve bastante bien.

50
00:05:06,140 --> 00:05:12,200
Recuerda siempre utiliza Caillois Anecoop para ver qué te está retornando por qué estás mandando a tus

51
00:05:12,200 --> 00:05:13,100
modelos.

52
00:05:13,370 --> 00:05:18,190
De otra forma va a ser muy complicado dibujar lo que estás mandando a PHP y la respuesta.

53
00:05:18,190 --> 00:05:24,520
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

54
00:05:24,520 --> 00:05:26,060
que tenemos aquí arriba.

55
00:05:26,200 --> 00:05:31,990
Copiar todas estas adquieras aniquilación de los datos.

56
00:05:32,120 --> 00:05:37,580
Tenemos el nombre de la empresa el teléfono todos están bien y lo único que nos falta es el Heydi por

57
00:05:37,580 --> 00:05:47,400
lo tanto voy a copiar este otro de aquí tenemos ahí es que se pasa por medio de post Heydi y puedes

58
00:05:47,400 --> 00:05:55,690
ver que aquí están los campos acción con acción no nombre empresa teléfono nombre empresa teléfono y

59
00:05:55,780 --> 00:06:04,700
Leidi tenemos todos y después utilizamos el Troy nuevamente catch parentesis.

60
00:06:04,760 --> 00:06:13,030
Ya ves por fuera y va a ser muy similar a lo que tenemos aquí a copiar todo aquí de esta forma y aquí

61
00:06:13,050 --> 00:06:21,020
vamos a realizar lo que es el obtained ponemos esta nuevamente todo esto es igualas con prepararé top

62
00:06:21,020 --> 00:06:29,330
de contactos y vamos a colocar cada uno de los campos vamos a reescribir todo no es que vayamos a comprobar

63
00:06:29,330 --> 00:06:30,180
cual cambió.

64
00:06:30,230 --> 00:06:38,840
No sería muy eficiente vamos a llegar y reemplazar todos los datos de contactos Seth nombre igual a

65
00:06:38,840 --> 00:06:50,360
Pleiss folder Koma y aquí aquí voy a revisar algo nada más tenemos como teléfono aquí entonces teléfono

66
00:06:51,170 --> 00:07:02,120
igual a empresa igual a y también vamos a poner el please Wolder y ya no pongo Comas Guaire nuevamente

67
00:07:02,120 --> 00:07:07,050
muy importante el Leydi entonces así es como reza su Nobbs de compra.

68
00:07:07,070 --> 00:07:18,060
Pero esta inmensa en PHP colocamos statement statement Vayne Parham vamos a pasarle 4 3 son string uno

69
00:07:18,090 --> 00:07:23,970
es un entero pues el que existan 1 2 3 y el último es un entero y ponemos el nombre de las variables

70
00:07:24,000 --> 00:07:35,570
nombre empresa teléfono y Heydi en el mismo orden que los coloques tienes que ponerlos todos y finalmente

71
00:07:35,570 --> 00:07:46,080
ejecutar el statement statement exequible y Steinman Clocks y conexión Cluedo también cerrar el sistema

72
00:07:46,160 --> 00:07:55,620
cerrar la conexión que íbamos a colocar la respuesta y Steadman affected Root solamente hacemos un cambio

73
00:07:55,620 --> 00:08:09,830
a la vez es igual a 1 entonces ponemos respuesta igual a un arreglo y ponemos aquí respuesta correcto.

74
00:08:09,990 --> 00:08:17,400
De esta forma se pone el lunes también si quisieras una respuesta en caso de que no se haya realizado

75
00:08:17,400 --> 00:08:18,230
ningún cambio

76
00:08:26,270 --> 00:08:31,840
bueno esas son ya detalles que puedes hacer si abrimos la que viene siendo o puede ser que aquí viene

77
00:08:31,840 --> 00:08:32,320
correctos.

78
00:08:32,320 --> 00:08:38,660
La única respuesta que estamos dando si abrimos el app J.S y buscamos es de actualizar registro aquí

79
00:08:38,660 --> 00:08:42,630
ya estamos enviando a la consola entonces vamos a hacer una prueba.

80
00:08:42,710 --> 00:08:45,640
Aquí se debe guardar que es el correcto entonces.

81
00:08:45,640 --> 00:08:46,730
Respuesta correcto.

82
00:08:46,740 --> 00:08:51,280
Aquí lo tenemos como respuesta lo que en otros se había utilizado.

83
00:08:51,320 --> 00:08:52,520
Resultado.

84
00:08:52,770 --> 00:08:56,790
Pero bueno tenemos aquí respuesta por lo tanto IHF.

85
00:08:56,830 --> 00:08:58,680
En respuesta punto.

86
00:08:58,790 --> 00:08:59,980
Respuesta Es igual.

87
00:08:59,990 --> 00:09:01,760
Correcto.

88
00:09:01,820 --> 00:09:04,190
Eso quiere decir que voy a mostrar mi notificación

89
00:09:09,700 --> 00:09:21,010
y es un error vamos a colocar primero la del todo correcto mostrar notificación y primeros el mensaje.

90
00:09:21,020 --> 00:09:25,490
Contacto editado correctamente.

91
00:09:25,510 --> 00:09:33,720
Segundo parámetro es la clase que es correcto y en el caso contrario voy a crear una copia de éste y

92
00:09:33,740 --> 00:09:42,050
vamos a cambiarla a lo que viene siendo un error no dar más detalles solamente hubo un error y aquí

93
00:09:42,080 --> 00:09:45,230
hubo un error o mejor dicho una clase de error.

94
00:09:45,550 --> 00:09:52,400
Si recargamos por ejemplo ponemos aquí pensar que se me mezclaron los valores y eso pasa porque tienes

95
00:09:52,400 --> 00:09:57,690
que abrir el modelo puedes ver que tenemos nombre teléfono empresa y estoy pasando nombre en preceda

96
00:09:57,710 --> 00:10:01,610
teléfono todos estos deben ir al revés.

97
00:10:01,710 --> 00:10:07,260
Volviendo a esta parte ya no va a funcionar igual porque tenemos hemos hecho el cambio.

98
00:10:07,530 --> 00:10:11,550
Tenemos que reordenar los recargamos y vemos que se mantiene entonces.

99
00:10:11,700 --> 00:10:18,750
Por eso es importante estar probando todo y por ejemplo puedes ver que cuando le doy aquí cierro esto

100
00:10:18,750 --> 00:10:23,490
de guardar aparece la notificación y desaparece.

101
00:10:23,490 --> 00:10:30,120
Eso se ve bastante bien si abrimos el J.V después de las notificaciones no importa si fue correcto o

102
00:10:30,120 --> 00:10:30,890
incorrecto.

103
00:10:31,940 --> 00:10:42,420
Después de tres segundos redireccionar suelen ser out de tres segundos €3000 es igual a tres segundos

104
00:10:42,670 --> 00:10:50,050
Windows location con Touch Raff y nos va a llevar a blindex punto Pache pero obviamente tú decides en

105
00:10:50,050 --> 00:10:59,450
qué lugar quieres redireccionar este caso y poner el blindex recargamos para por ejemplo Juan Akiba

106
00:10:59,450 --> 00:11:05,540
con el de guardar ese contacto editado correctamente y una vez que se va la notificación nos lleva lo

107
00:11:05,540 --> 00:11:13,070
que viene siendo la página principal vamos a darle un segundo más porque tenemos que aparezca la notificación

108
00:11:13,480 --> 00:11:21,500
y luego que desaparezcan tres segundos y medio antes de quitar si por ejemplo eliminas esto y das guardar

109
00:11:21,890 --> 00:11:28,940
aparece la notificación se va la notificación nos redirecciona y ya en esta parte del registro ha sido

110
00:11:28,940 --> 00:11:33,280
actualizado automáticamente y con eso ya tenemos ahora sí las cuatro operaciones.

111
00:11:33,500 --> 00:11:35,510
Digamos que yo aquí creó un nuevo registro

112
00:11:39,530 --> 00:11:44,770
y pongo cualquier número que yo quiera añadir se añade aparece en la parte inferior.

113
00:11:44,770 --> 00:11:48,070
Desde aquí lo puedo eliminar si deseas también se lo lleva.

114
00:11:48,070 --> 00:11:49,610
No hay ningún problema.

115
00:11:49,750 --> 00:11:57,890
Por ejemplo estos que dicen 1 2 3 y Daiquirí que editar ponemos por ejemplo y guardar cambios lo guarda

116
00:11:58,220 --> 00:12:04,070
nos lleva nuevamente lo que es la página principal actualiza el registro y ya tenemos también la parte

117
00:12:04,160 --> 00:12:10,670
de listar los registros hay dos cosas faltantes en este proyecto pero ya las cuatro operaciones están

118
00:12:10,670 --> 00:12:20,540
listas cuando tienes aquí que aparecen dos contactos y agregó uno nuevo tras mi nombre y doy clic en

119
00:12:20,540 --> 00:12:25,160
Añadir puedes ver que el número se actualiza tres ya tengo tres registros.

120
00:12:25,310 --> 00:12:30,980
Si comienzo a buscar aquí coloco uno que también se actualiza en esta parte nos hace falta saber cuántos

121
00:12:30,980 --> 00:12:35,270
registros hay pero también la parte de buscar vamos a ir uno a la vez.

122
00:12:35,310 --> 00:12:38,210
El siguiente vídeo vamos a comenzar con el buscador.