0

Здравствуйте, решил создать страницу для логина, но не получается отправить пост запрос. Использую версию @angular rc.6

login.ts

@Component({
selector: 'login',
templateUrl: 'app/views/login.html',
providers: [ LoginService ],
styleUrls: [ 'css/login.css' ]
})
export class Login {
postData: string;

constructor(private _loginService: LoginService) {}

onLogin(user : string, password: string) {
    if (!user && !password){return;}
    this._loginService.login(user , password)
        .subscribe (
            data => this.postData = JSON.stringify({user : user , password: password}),
            error => alert(error),
            () => console.log(this.postData)
        );
}
}

login.html

<label for="user">User</label>
<input type="text" id="user" #user>
<label for="password">Password</label>
<input type="password" id="password" #password>
<button type="submit" (click)="onLogin(user.value, password.value); user.value=''; password.value=''">Login</button>

login.service.ts

@Injectable()
export class LoginService {
constructor (private _http: Http){}

private loginUrl = './users';

login(user: string, password: string): Observable<User> {
    let body = JSON.stringify({"user": user, "password": password});
    let headers = new Headers({'Content-Type': 'application/json'});
    let options = new RequestOptions({headers: headers});

    return this._http.post(this.loginUrl, body, options)
        .map(this.extractData)
        .catch(this.handleError);
}

private extractData(res: Response) {
    let body = res.json();
    return body.data || { };
}

private handleError (error: any) {
    // In a real world app, we might use a remote logging infrastructure
    // We'd also dig deeper into the error to get a better message
    let errMsg = (error.message) ? error.message :
        error.status ? `${error.status} - ${error.statusText}` : 'Server error';
    console.error(errMsg); // log to console instead
    return Observable.throw(errMsg);
}
}

Подскажите почему не срабатывает?

7
  • А что у вас на сервере должно происходить при обращении по ссылке ./users?
    – Alexandr
    15 сен 2016 в 6:24
  • по идеи должны передаваться введенные данные и храниться в виде json-файла что бы при переходе по ссылке localhost:3000/users, можно было по смотреть на данные 15 сен 2016 в 7:02
  • А какой код на сервере за эту логику отвечает? приведите его в вопросе.
    – Alexandr
    15 сен 2016 в 10:12
  • на сервере никакого кода нету. Может все из-за того что страницы users нету, она должна создаваться программно в java servlet api, возможно проблема в нем. Для создания http запроса использовал оф документацию ангулара 16 сен 2016 в 9:17
  • можете объяснить как должен выглядеть код на сервере или где про это можно по читать 19 сен 2016 в 7:17

1 ответ 1

0

Необходимо было сделать REST Web Service, это видио помогло разобраться как это делать https://www.youtube.com/watch?v=0RIrdFfy9t4

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.