Handle error response OK - Javascript

A voir également:Handle error response okPc ne boot pas/Disk read error. Disque OK ✓ - Forum - Windows Http error 500 - Conseils pratiques - Définitions Error 502 ✓ - Forum - Internet / Réseaux sociaux Error loading media ✓ - Forum - Internet / Réseaux sociaux Kernel data inpage error ✓ - Forum - Windows

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

A voir également:Handle error response okPc ne boot pas/Disk read error. Disque OK ✓ - Forum - Windows Http error 500 - Conseils pratiques - Définitions Error 502 ✓ - Forum - Internet / Réseaux sociaux Error loading media ✓ - Forum - Internet / Réseaux sociaux Kernel data inpage error ✓ - Forum - Windows

Web: www.shapebootstrap.net

1 réponse

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