0

necesito ayuda con esta petición, hasta el momento solo hacia una petición con un solo parámetro, pero ahora tengo la necesidad de enviar 3 parámetros a spring. en spring ya tengo como voy a recibir los 3 parámetros, lo k no puedo es enviar desde mi servicio en angular. me podrían ayudar pliss

codigo del controlller spring

@GetMapping({"/api/listafiltrada"})
        public List<Persona> lista(
            @RequestParam("nombres") String xnombres, @RequestParam("tipoper") String xtipoper, @RequestParam("estado") int xestado){
            System.out.println("nombres "+xnombres+", tipo "+xtipoper+", estado "+xestado);
            return perepositorio.listafilt(xnombres, xtipoper, xestado);
            }

ya en el repositorio hago la consulta para filtrar una lista para devolver al angular.


1 respuesta 1

3

Para adjuntar parámetros de consulta en una petición GET tienes dos opciones:

1.- Intercalar los parametros y sus valores directamente en la url:

this.httpClient.get(`/api/listafiltrada?nombres=${name}&tipoper=${tipo}&estado=${status}`)

2.- O definirlos en un objeto con las parejas de clave/valor en la propiedad params del objeto de opciones que acepta el método get como segundo argumento.

this.httpClient.get('/api/listafiltrada', { 
  params: {
    nombres: name,
    tipoper: tipo,
    estado: status,
  }
})

slds

5
  • gracias por tu respuesta, intenté hacer lo que me dijiste y obtengo 2 errores. 1.- error TS2769: No overload matches this call. The last overload gave the following error. Type 'number' is not assignable to type 'string | string[]'. 210 est:estado 2.- en la llamada al servicio me sale lo siguiente. error TS2339: Property 'subscribe' does not exist on type 'void'. 181 this.perserv.getlistfiltrada(this.filtronombre,this.filtrotipo,this.filtroestado).subscribe(
    – toto ortiz
    el 6 dic. 2021 a las 14:59
  • mi codigo en el servicio quedó asi getlistfiltrada(nombres:string, tipo: string, estado:number){ this.http.get(this.baseUrl+'/listafiltrada',{ params: { nom: nombres, tipoper: tipo, est:estado } }) }
    – toto ortiz
    el 6 dic. 2021 a las 15:02
  • Con los dos trozos de código que incluyes, en principio el fallo te lo esta dando porque la propiedad filtroestado que tienes en el componente es del tipo string | string[] y en el parámetro estado del método del servicio esperas un number. Y otra cosa, no te olvides de hacer return en el método.
    – akotech
    el 6 dic. 2021 a las 15:13
  • oooh lo del return se me habia pasado, gracias, y por lo del primer error he revisado y mis varibles en el .ts los tengo asi filtronombre:string = "ANA"; filtrotipo:string = "A"; filtroestado:number = 1; //le puse valores para hacer k funcione para luego asignarle los datos. y en el service tambien lo agarro como string, string, number. ya lo revise varias veces y no doy con el error, algo se me debe estar pasando, muchas gracias por tu ayuda. :)
    – toto ortiz
    el 6 dic. 2021 a las 15:22
  • Estas usando las versión 11 o anterior de angular, ¿correcto? Es que he mirado y no me acordaba que en las versiones anteriores los params solo aceptaban strings. Por tanto tendrás que mapear el valor de estado a un string o usar una versión más reciente de angular. slds
    – akotech
    el 6 dic. 2021 a las 20:33

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.