I am writting a Angular application, and I am writting the login component of the app. I want to return the response status code, after sending the username and password. But the status code returns undefined in the console.log. When I user response.status is that the correct method to get the status code or is there a method that is in the HttpResponse class? NOTE: All components are imported into there proper files, also the login endpoint has been tested and functions correctly export class LoginComponent { constructor(private serverService: ServerService, private router: Router) { } onLogin(username: string, password: string) { // uses Login function form server file // username = "tester123" password= "testing" this.serverService.Login(username, password).subscribe((response: HttpResponse) => { console.log(response.status); // returned undefined if (response.status == 200) { this.router.navigate(['/landing']); } }); } } This is the login function in ther serverService file Login(login, password) { return this.webrequestService.post('login', { login, password }); } this is the post function in the webrequestService file post(url: string, payload: Object) { return this.http.post(`${this.ROOT_URL}/${url}`, payload); }

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Concept explainers

Question

I am writting a Angular application, and I am writting the login component of the app. I want to return the response status code, after sending the username and password. But the status code returns undefined in the console.log. When I user response.status is that the correct method to get the status code or is there a method that is in the HttpResponse class?

NOTE: All components are imported into there proper files, also the login endpoint has been tested and functions correctly

export class LoginComponent {

constructor(private serverService: ServerService, private router: Router) { }

onLogin(username: string, password: string) {

// uses Login function form server file

// username = "tester123" password= "testing"

this.serverService.Login(username, password).subscribe((response: HttpResponse<any>) => {

console.log(response.status); // returned undefined

if (response.status == 200) {

this.router.navigate(['/landing']);

}

});

}

This is the login function in ther serverService file

return this.webrequestService.post('login', { login, password });

}

this is the post function in the webrequestService file

post(url: string, payload: Object) {
return this.http.post(`${this.ROOT_URL}/${url}`, payload);
}

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions