Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Beginner Web en 23 Junio 2020, 08:18 am



Título: angular bootstrap express facebooik API
Publicado por: Beginner Web en 23 Junio 2020, 08:18 am
como lleno esto con  las tecnologias que estoy utilizando? supongamos que lleno slos campos y quiero mandar a la api eso con express y mongodb? que va en el action?

Código
  1. <form action="/examples/actions/confirmation.php" method="post">
  2.              <p class="hint-text">Inicia sesión rápidamente con tu cuenta de redes sociales.</p>
  3.              <div class="form-footer">
  4.                <a [routerLink]="['forgot-password']">Olvidaste tu contraseña?</a>
  5.              </div>
  6.            </form>
    :huh:


Título: Re: angular bootstrap express facebooik API
Publicado por: [u]nsigned en 23 Junio 2020, 09:46 am
Hola, es una API REST?

Si envías un formulario de esa forma estarías redirigiendo tu navegador a la url de METHOD. O dicho de otra forma, estarías enviando una petición de tipo POST usando la codificación application/x-www-form-urlencoded, es decir que los parámetros viajan en la url como si fuera un GET. Eso ya no se usa, a menos que tengas un sitio tradicional y su servidor web sea el que procese y renderice las vistas.

Pero si estas usando Angular o una API REST en lugar de enviar un formulario (y por ende 'toda la pagina') lo que tenes que hacer es una llamadaasincrónica de tipo AJAX. Es decir que tu pagina nunca cambia, solo hace una consulta y procesa la respuesta de la misma.

En javascript vanilla o frameworks js como Vue o React simplemente podes hacer uso de Fetch (api nativa del dom aun experimental) o usar una libreria externa como axios. Ambas formas lo que en realidad usan por debajo es el objeto XMLHttpRequest pero de una forma mas simple o amigable.

En angular es diferente, tenes que usar la librería propia del framework para eso, al igual que casi para todo. Por eso no te recomiendo usar Angular como primer framework frontend, porque requiere dominar muchos conceptos y también porque no te da ninguna libertad, te impone su estructura y forma de hacer las cosas.

Como te dije en otro hilo, te recomiendo empezar con Vue que te vas a enamorar de lo simple y a la vez potente que es, y de lo fácil que es lograr cosas avanzadas con mucho menos lineas de código que React y ni hablar de Angular.

Y para serte sincero primero te recomendaría que aprendas lo básico: html5, css3, javascript es6, json y ajax.