Método de búsqueda en JavaScript | Explicado

El método Fetch () está conectado principalmente al uso de la tecnología web (conocida como AJAX) que intercambia datos con servidores web asincrónicamente en segundo plano. Para insertar AJAX en el sitio web fácilmente usamos jQuery. Aunque este proceso es fácil y reduce las líneas de código. Sin embargo, esto puede dar lugar a una carga adicional de 100kb en el sitio web.

Los desarrolladores usan xmlhttprequest para incluir AJAX con la ayuda de JavaScript puro. Sin embargo, también tiene una desventaja, que necesitamos codificar algunas cosas innecesarias que tampoco son buenas. Para eliminar todas estas desventajas, la versión JavaScript ES6 introdujo el método Fetch (). En otras palabras, el método Fetch () se puede denominar el reemplazo del AJAX.

Teniendo en cuenta la importancia del método Fetch (), esta publicación tiene como objetivo servir a los siguientes resultados:

• Cómo funciona el método Fetch () en JavaScript?
• Cómo usar el método Fetch () en JavaScript?

Cómo funciona el método Fetch () en JavaScript?

El método JavaScript Fetch () nos proporciona todas las funcionalidades que tiene AJAX. El método Fetch () se puede usar para crear, recuperar, actualizar y eliminar operaciones con el servidor. En este método, la codificación es muy menor, y también es rápida en comparación con xmlhttprequest. Otra cosa importante es que este método funciona en un servidor en vivo.

Sintaxis
El flujo de trabajo detallado del método Fetch () se explica a continuación.

buscar (archivo/url)

El método Fetch () toma la ruta del archivo como un parámetro. Cuando este método se ejecuta, devuelve una promesa (una promesa es como un estado), una promesa es exitosa o fallida.

buscar (archivo/url).entonces()

Si la promesa es exitosa, usamos la función entonces () con el método fetch ().

buscar (archivo/url).luego (function (resp_variable) return resp_variable.datos;)

Después de eso, creamos una función en la que obtenemos una respuesta del servidor como parámetro dentro de la función. El servidor envía un archivo de datos que luego se envía como respuesta.

buscar (archivo/url).luego (function (resp_variable) return resp_variable.datos;).entonces()

La primera función entonces () también devuelve una promesa, y esta promesa se usa en la segunda función que ().

buscar (archivo/url).luego (function (resp_variable) return resp_variable.datos;).entonces (function (res_variable)
consola.log (res_variable);)

El resultado del servidor se muestra dentro del segundo () cuerpo de la función. Aquí res_variable representa la variable que contiene un resultado real que se muestra al usuario.

buscar (archivo/url).luego (function (resp_variable)
devolver resp_variable.datos;
).entonces (function (res_variable)
consola.log (res_variable);
).Catch (function (err_variable)
consola.log (err_variable);
);

En la sintaxis anterior, Archivo/URL representa la ruta del archivo de idioma del lado del servidor. El resp_variable denota la respuesta del servidor cuando el método de búsqueda solicita la ruta. El res_variable representa la variable que almacena la respuesta final después del resp_variable se ejecuta la función y el err_variable representa la variable que almacena un error si ocurre.

La función Catch () se usa para manejar errores cuando el servidor no responde o el archivo, estamos enviando los errores.

Cómo usar el método Fetch () en JavaScript?

En JavaScript, el método fetch () toma una ruta de archivo como parámetro y usa la función para devolver la respuesta del servidor. Después de eso, la respuesta del servidor se envía nuevamente al servidor que devolverá el resultado. Entendamos el uso del método Fetch () a través de un ejemplo práctico.

Código

buscar ("fet/leer.TXT").luego (función (r)
devolver r.texto();
).luego (función (res)
consola.log (res);
);

En este código, el método de busca solicita una lectura.El archivo txt después de esa función () la función obtiene la respuesta del servidor y la devuelve al servidor nuevamente. Por último, usamos nuevamente la función entonces () para mostrar el resultado.

Producción

La salida anterior muestra que el método Fetch () solicita un leer.TXT archivo y recibe una promesa realizada a cambio. Después de eso, la función luego () usa esta promesa y obtiene la respuesta del servidor y la usa dentro de su cuerpo para devolver la respuesta junto con el texto() método. Por último, el segundo entonces() El método obtiene el resultado y muestra el contenido de la lectura.archivo txt.

Esa es toda la información sobre el método Fetch () en JavaScript. Has entendido el trabajo y el uso del método Fetch () en JavaScript.

Conclusión

En JavaScript, el método Fetch () se utiliza para realizar operaciones CRUD como inserción, actualización, lectura y eliminación de datos del servidor. Para hacerlo, el método Fetch () hace una solicitud al servidor, y los datos requeridos se cargan en la página web en la aprobación de la solicitud. Este manual descriptivo proporciona información detallada del trabajo y el uso del método Fetch () en JavaScript.