Как пользоваться Http в Angular 2?

Question

[Alex806]

Как работать с http в Angular 2?

Answer 1

[Владимир Голосай]

Пример использования пост запроса в классе, на Angular 2 (typescript) :

import {Http} from '@angular/http';

export class LoginPage {
    public name : string;
    public pass : string;
    constructor(public http: Http) {
        this.http = http //что бы вызывать через this.http, можно эту строку не писать и обращаться напрямую к Http 
    }
    auth() {
        let url = '/conf/post_admin.php';
        let body = "username=" + this.name + "&password=" + this.pass;
        //body должен быть строкой
        this.http.post(url,body)
            .subscribe(data => {
                //где data - респонс от сервера
                console.log(data)
            });
    }
}

Comments

[Alex806]

Мне понятна переменная url, а что означает body зачем она?

[Владимир Голосай]

Alex806: body это данные, которые передаются серверу в post запросе. Я показал именно post запрос, так как в get запросе обычно данные не передают, а следовательно будет: this.http.get(url).subscribe(data => { console.log(data) }); А если понадобится данные передать, то сразу видно как передавать значения переменных в post/put запросе.

[Владимир Голосай]

Alex806: body чисто для примера демонстрации если нужно отправить две переменные (username и password в данном случае)