Handle error response OK

Handle error response OK Pc ne boot pas/Disk read error. Disque OK [Résolu] (Résolu) » Forum - Windows CPU FAN ERROR Windows OK, PC bug après qlq mn [Résolu] » Forum - Matériel informatique Dossier 403 Forbidden... tout essayé ! [Résolu] » Forum - Webmaster Wifi ok , Error 404 sur smartphone et pas sur mon pc » Forum - WiFi (Code d'erreur : sec_error_ocsp_old_response) » Forum - Mozilla Firefox

Bonjour,

J'ai un problème avec mon application Angular.

J'ai créé une API avec .NET Core pour mon application javascript cependant lorsque j'essaie de faire une requête pour l'authentification d'un utilisateur en utilisant le subcribe je recois toujours une erreur qui est OK. Comment puis-je résoudre cela car même si les données sont fausses je recois aussi un OK(anormal) mais en plus j'ai une erreur avec mon post (ce qui est normal).

Merci pour votre aide.

Forum

Handle error response OK Pc ne boot pas/Disk read error. Disque OK [Résolu] (Résolu) » Forum - Windows CPU FAN ERROR Windows OK, PC bug après qlq mn [Résolu] » Forum - Matériel informatique Dossier 403 Forbidden... tout essayé ! [Résolu] » Forum - Webmaster Wifi ok , Error 404 sur smartphone et pas sur mon pc » Forum - WiFi (Code d'erreur : sec_error_ocsp_old_response) » Forum - Mozilla Firefox

Web: www.shapebootstrap.net

2 réponses

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Bonjour,

Je ne fais pas d'Angular.. donc pas sûr que je puisse te trouver la réponse...
Quoi qu'il en soit... sans voir ton code.. il sera compliqué de t'aider..... non ??!

Reply
réponses:
  • auteur

    Dans mon service d'authentification :

    import { Injectable } from '@angular/core';
    import { HttpClient, HttpResponse } from '@angular/common/http';
    import { HttpHeaders } from '@angular/common/http';
    import { Login } from './login';
    import { Observable, of } from '../../../node_modules/rxjs';
    import { ConfigService } from '../config/config.service';
    import { HttpErrorHandlerService, HandleError } from '../services/http-error-handler.service';

    const httpOptions = {
    headers: new HttpHeaders({
    'Content-Type': 'application/json; charset=utf-8'
    })
    };
    @Injectable({
    providedIn: 'root'
    })
    export class LoginService {

    auth : Login ;
    // model = new Login('paul','paul');
    // private handleError: HandleError;

    constructor(
    private http:HttpClient,
    protected configService : ConfigService,
    httpErrorHandler :HttpErrorHandlerService
    ) {

    }


    login(username: string, password: string): Observable<Login>{
    return this.http.post<Login>(`https://localhost:44358/api/Employee?username=${username}&password=${password}`,{username: username, password: password},httpOptions)

    }
    }


    Mon interface Login :
    export interface Login {
    username: string;
    password: string;
    }


    Mon typescript :


    import { Component, OnInit , Injectable} from '@angular/core';
    import {ConfigService} from '../config/config.service';
    import { Login } from './login';
    import { FormBuilder, FormGroup, Validators} from '../../../node_modules/@angular/forms';
    import { LoginService } from './login.service';
    import { Router, ActivatedRoute, NavigationStart } from '../../../node_modules/@angular/router';
    import { AlertService } from '../alert-message/alert.service';
    import { Subject } from '../../../node_modules/rxjs';

    @Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    providers : [LoginService],
    styleUrls: ['./login.component.css']
    })
    export class LoginComponent implements OnInit {

    loginForm: FormGroup;
    submitted = false;
    returnUrl: string;

    employees : Login[];
    editEmployee : Login;

    //error: string = '';

    private subject = new Subject<any>();
    private keepAfterNavigationChange = false;



    constructor(
    private configService:ConfigService,

    private formBuilder: FormBuilder,
    private loginService: LoginService) {


    router.events.subscribe(event => {
    if (event instanceof NavigationStart) {
    if (this.keepAfterNavigationChange) {
    // only keep for a single location change
    this.keepAfterNavigationChange = false;
    } else {

    this.subject.next();
    }
    }
    });
    }


    ngOnInit() {
    this.loginForm = this.formBuilder.group({
                username: ['', Validators.required],
                password: ['', Validators.required]
    });
    }

    get f() {
    return this.loginForm.controls;
    }

    Authenticationtwo(username : string , password : string){
    this.editEmployee = undefined ;
    username = this.f.username.value.trim();
    password = this.f.password.value.trim();
    if(!username){
    return ;
    }
    if(!password){
    return ;
    }

    this.loginService.login(username,password).subscribe(
    auth => {
    console.log("yeah")
    console.log(username+password);
    },
    error => {
    console.log(error);
    }
    )
    }

    }


    et mon html :
    <div class="border_gray">
    <h3>Connectez-vous</h3>
    <form (ngSubmit)="Authenticationtwo()" [formGroup]="loginForm">

    <div class="form-group">
    <label for="username">Nom d'utilisateur</label>
    <input type="text" class="form-control" placeholder="Identifiant" id="username" formControlName="username" [ngClass]="{ 'is-invalid': submitted && f.username.errors }">
    <div *ngIf="submitted && f.username.errors" class="invalid-feedback">
    <div *ngIf="f.username.errors.required">Username is required</div>
    </div>
    </div>

    <div class="form-group">
    <label for="password">Mot de passe</label>
    <input type="password" class="form-control" placeholder="Mot de passe" id="password" formControlName="password" [ngClass]="{ 'is-invalid': submitted && f.password.errors }">
    <div *ngIf="submitted && f.password.errors" class="invalid-feedback">
    <div *ngIf="f.password.errors.required">Password is required</div>
    </div>

    </div>


    <button type="submit" class="btn btn-primary col-md-offset-4 col-md-4 col-md-offset-4">Submit</button>
    </form>


    </div>

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed