在Angular中的POST请求之后调用GET请求

Question

I want to call make a GET request after a POST request using Angular.

Here is the code I have so far, is it the good solution?

   update(){
     this.http.post<any>("/ssservice", "products=" + body, options)
       .suscribe({
         complete: () => {
           this.http.get<Product[]>("/ssservice")
             .suscribe({
               (data: Product[]) => products.push(...data),
               err => console.log(err)})
         }
       });
    }

Any help is greatly aprreciated.

Answer 1

I think @PardeepJain is telling

update(){
  this.http.post<any>("/ssservice", "products=" + body, options)
    .suscribe({
      complete: () => {
        this.getProduct()
      },
    });
}

getProduct () {
  this.http.get<Product[]>("/ssservice")
    .subscribe({
      (data: Product[]) => products.push(...data),
       err => console.log(err)})
}

Answer 2

Yes off course this is the good approach as http is asynchronous call so in that case better to call any fucntion/code within the success block of http.

But try to break your code as much as you can. As in your use case you can call another function and call get request within there like this -

update(){
     this.http.post<any>("/ssservice", "products=" + body, options)
       .suscribe(
         complete: () => {
           this.anotherGetReuqest();
         });
    }

anotherGetReuqest() {
this.http.get<Product[]>("/ssservice")
   .subscribe({(data: Product[]) => products.push(...data),
    err => console.log(err)})
}