Winkel-5 - HttpClient Beitrag nicht posten

Ich habe einen httpClient post, durch einen service, der nicht zu geben ist mein Fehler, aber es ist nicht die Buchung der Daten in die Datenbank.

Hier ist der code:

dataService.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

@Injectable()
export class DataService {

  constructor(private http: HttpClient) {}

  insertData() {
    const body = JSON.stringify({firstName: 'Joele', lastName: 'Smith4'});
    return this.http.post('http://myurl/index.php', body, httpOptions);
  }

}

app.Komponente.ts

import { Component } from '@angular/core';
import { DataService } from './services/data.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {

  constructor(private dataService: DataService) {}

  myInsert() {
    if (this.dataService.insertData()) {
      alert('Data Inserted Successfully');
    }

  }

}

und schließlich app.component.html

<div (click)="myInsert()">Click Me</div>

Habe ich geprüft, Chrom-Netzwerk für die post, aber wird nichts angezeigt.
Wie kann ich dieses Problem beheben?

Mögliche Duplikate von Winkel 2 http.post() ist kein Versand der Anfrage

InformationsquelleAutor JackNPeterson | 2018-01-26

  1. 21

    Observablen müssen beachtet werden, eine Anfrage zu stellen. 

    myInsert() {
  this.dataService.insertData().subscribe(
    response => console.log(response),
    err => console.log(err)
  );
}
    Ich möchte Ihnen danken für diese wertvollen Informationen !!!

    InformationsquelleAutor trichetriche

  2. 1

    Ich hatte dasselbe problem, und ich verwendet, wie dies(mit FormData).versuchen Sie es. Es funktioniert für mich.

    insertData() {
    let body = new FormData();
    body.append('firstName', 'Joele');
    body.append('lastName', 'Smith4');

    return this.http.post('http://myurl/index.php', body, httpOptions);
}

    InformationsquelleAutor Reshan Pubudu

  3. 0
    let params = new HttpParams()
params=params.set('firstName', 'Joele');
params=params.set('lastName', 'Smith4');

this.http.post('http://myurl/index.php', params , httpOptions);
    Können Sie erklären, warum dies ist eine Lösung, und wie es das Problem behebt?

    InformationsquelleAutor Niran Manandhar

Schreibe einen Kommentar