Angular HttpClient post not sending

Question

Probably just a silly mistake somewhere but i cant seem to pinpoint the cause. The function is being called (verified by the console log) but for some reason neither the error log or the success log print out afterwards. The back end is not receiving the post request, so why is the error log not showing anything?

getBooks(): Observable <FormData | null> {
  let request = new FormData();
  request.append('action', "GetBooks");

  console.log("Function has been called");

  return this.http.post('http://localhost/Projects/Website/PHP/index.php', request).pipe(
    map((returned) => {
      console.log("Here I parse 'returned'");

      let books = new FormData();

      return books;
  }, (error) => {
    console.log('Error! ', error);
    return null;
  }));
}

Sorry for lack of information im typing on a mobile. When you set up a method like this you are returning an observable. Think of it as provisioning a http request. To actually make the call and get the data returned you must subscribe to it. Please have a look at angular docs for http and they will provide a better explanation — Molik Miah
– Molik Miah, Commented May 17, 2019 at 21:14

Or Yaacov · Accepted Answer · 2019-05-17 21:17:48Z

3

you need to call .subscribe() so your method will be used.

since your work with an observable, subscribe is the function that "listen" to any data coming from the observable, which actually execute the code.

     var res=null;
     this.http.post('http://localhost/Projects/Website/PHP/index.php', 
     request).subscribe(data => {
          res=data;
          },
          error => {
           ...
          },
          () => {
          ...
          }
          return res;

edited May 17, 2019 at 21:17

answered May 17, 2019 at 21:06

Or Yaacov

3,9205 gold badges29 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular HttpClient post not sending

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related