Cómo llama el front-end a la API

La implementación basada en la separación de los medios técnicos de front-end y back-end , por un lado, puede aliviar la presión sobre el servidor de fondo, aprovechar al máximo los recursos informáticos y de almacenamiento de cada nodo de servicio y mejorar el rendimiento del servidor como tanto como sea posible; por otro lado, puede mejorar la confiabilidad del servicio y la recuperación ante desastres La capacidad de reemplazar o restaurar de manera rápida y efectiva un servicio, un servidor en un nodo o incluso un nodo cuando el nodo falla, mostrando una gran capacidad de reparación.
        Durante la implementación del proyecto web, el ingeniero de back-end es responsable de liberar el servicio web y proporcionar una interfaz de llamada completa ; mientras que el desarrollador de front-end utiliza el documento de descripción de la interfaz de servicio en segundo plano como base para llamar a la API en segundo plano para recibir datos según sea necesario , y finalmente utiliza la tecnología de visualización que muestra los datos de una manera genial, y luego proporciona potentes funciones de plataforma.
        En el proceso de desarrollo de front-end web, los ingenieros y desarrolladores de javascript a menudo necesitan llamar a la API de fondo para obtener los datos requeridos (datos) y luego mostrarlos llenando los controles internos div como menús, listas, tablas, cuadros de texto , botones y desplegables. , para lograr la visualización, consulta y actualización dinámica del sistema de páginas web. Por supuesto, los desarrolladores front-end y los ingenieros back-end pueden usar Postman , SoapUI y otro software para probar si la interfaz es normal y si se pueden devolver datos , o escribir código Java para enviar solicitudes http.

      Una solicitud HTTP se refiere a un mensaje de solicitud del cliente al servidor. Para solicitar un recurso, es necesario configurar el método de solicitud de recursos Método, el identificador de recursos Identificador, el protocolo utilizado y la versión Versión, y luego enviar el bloque de datos al servidor web (es decir, solicitar información). Las solicitudes HTTP incluyen varios métodos, los más utilizados son el método Get y el método Post . La siguiente tabla compara brevemente los dos métodos.

Utilizado en proyectos de foro.

hoja de tomillo

Referencia: Thymeleaf un artículo es suficiente_thymeleaf resuelto_Big sai's Blog-CSDN Blog

Ajax


        El nombre completo de Ajax es Asynchronous JavaScript and XML.Su función es intercambiar datos con un servidor remoto para lograr una actualización parcial del contenido web sin refrescar toda la página.La cantidad de transferencia de datos de red.
        El objeto XMLHttpRequest es parte de la tecnología Ajax. Ajax se puede usar para llamar a la API XMLHttpRequest para transferir datos entre el navegador y el servidor sin recargar la página web. La dependencia principal de los datos de solicitud de Ajax es el objeto XMLHttpRequest proporcionado por el navegador. Debido a que la solicitud es asíncrona, el navegador puede enviar solicitudes HTTP y recibir respuestas HTTP, y luego hacer otras cosas al mismo tiempo y esperar los datos devueltos por XHR para actualizar la página para renderizar. Sin embargo, varios navegadores implementan la API Ajax de diferentes maneras, lo que significa que los desarrolladores deben considerar la compatibilidad de los diferentes navegadores al escribir código para garantizar que Ajax se pueda usar universalmente. Sin embargo, jQuery es compatible con Ajax y proporciona un método $.ajax() totalmente funcional al que se puede llamar directamente. La mayoría de las aplicaciones jQuery y Ajax en realidad no usan XML, sino que transfieren datos como HTML simple o JSON.
        Además, aunque Ajax no funciona en todos los dominios, por ejemplo, una página web que no se puede cargar desde ejemplo1.com realiza una solicitud de Ajax a ejemplo2.com debido a una infracción de la Política del mismo origen. Como solución alternativa, JSONP carga un archivo que contiene contenido de JavaScript arbitrario y JSON de otro dominio mediante el uso de etiquetas de script en el html. Al mismo tiempo, los navegadores también implementan una tecnología llamada Intercambio de recursos de origen cruzado (CORS), que también permite solicitudes Ajax a diferentes dominios.


 


 

Supongo que te gusta

Origin blog.csdn.net/weixin_56194193/article/details/131951484
Recomendado
Clasificación