Winkel-4 Http-POST funktioniert nicht

Ich hoffe, jeder tut große. Ich habe vor kurzem angefangen, mit eckigen 4.4, habe ich versucht, post-Daten zu meinem api-server, aber leider funktioniert es nicht. Ich habe z.B. 2 Tage drauf aber immer noch kein Erfolg. Und haben schon versucht, 6-7 Artikel auch aus eckig.io.
Ich habe versucht, sowohl die Http und Httpclient Module
aber nichts scheint zu funktionieren.

Das problem ist, immer wenn ich versuche zu post-Daten an meinen server, Eckige macht http OPTIONEN geben Sie die Anforderung, anstelle von POST.

this.http.post('http://myapiserver.com', {email: '[email protected]'}).subscribe(
    res => {
        const response = res.text();
    }
);

Und ich habe auch versucht zu senden custom Optionen mit der Anfrage aber noch keinen Erfolg.

const headers = new Headers({ 'Content-Type': 'x-www-form-urlencoded' });
const options = new RequestOptions({ headers: headers });
options.method = RequestMethod.Post;
options.body = {name: 'Adam Smith'};
//options.body = JSON.stringify({name: 'Adam Smith'}); //i also tried this
//options.body = 'param1=something&param2=somethingelse'; //i also tried this

War ich mit ASP.NET core 2.0, aber da klappte es nicht ich habe auch versucht, einfach php-code, Hier ist das server-side-code für php. Und es ist auch nicht zu arbeiten.

<?php
print_r($_POST);
?>

Hinweis: Cors sind auch aktiviert auf dem server. Plus ich habe auch versucht, einfache get-Anforderung, und seine arbeiten völlig in Ordnung.

Werde ich wirklich zu schätzen einige helfen.

Vielen Dank im Voraus

OPTIONEN ist ein pre-flight-überprüfung anfordern, wenn alles OK ist, wird die POST danach. Sind Sie sicher, dass die CORS-Konfiguration korrekt? Was die Ausgänge machen, die Sie sehen, könnte man erweitern auf "funktioniert nicht" mit einem Minimale, Vollständige und Überprüfbare Beispiel?
Bekommt man keine seltsame Antwort/header aus dem OPTIONEN Antwort?
Hier ist die Anfrage Winkel-senden von "Arbeitsbereich".co/GOBkz3Z.png Und die Antwort ist leer Array() (da bin ich mit print_r($_POST) im server-Seite (php).
Mögliche Duplikate von Angular2 - Http-POST-request-Parameter

InformationsquelleAutor Osama Sheikh | 2017-10-12

Ich löste es, indem Sie den Content-Type zu application/x-www-form-urlencoded:

  const headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
  const options = new RequestOptions({ headers: headers });
  const params = new URLSearchParams();
  params.append('mypostField', 'myFieldValue');
  http.post('myapiendpoint.com', params, options).subscribe();

InformationsquelleAutor Osama Sheikh

1

haben Sie versucht, Weitergabe-Header, wie das Dritte argument in der post menthod:
```
this.http.post('http://myapiserver.com', JSON.stringify({name: 'Adam Smith'}), { headers: new Headers({ 'Content-Type': 'application/json' }) }).subscribe(
    res => {
        const response = res.text();
    }
);
```
stellen Sie sicher, dass Sie den import-Header von @Winkel/http

ja ich habe es schon versucht, es funktioniert nicht. Und für den double check ich wieder mal versucht aber es funktioniert nicht bei allen. Seine Einreichung ajax-request in die OPTIONEN http-request-Typ.
die perfekt aufeinander schlagen der server, aber mit der falschen http-Methode OPTIONEN, wenn es sein sollte BUCHEN. Überprüfen Sie den screenshot von dem, was eckig ist senden, wenn ich deinen obigen code "Arbeitsbereich".co/GOBkz3Z.png
überprüfen Sie diese Antwort, hilfreich sein könnten! link
ich war schließlich in der Lage, das Problem zu lösen, ich Danke Euch so sehr für Eure Hilfe Jungs
Super!!! - sollten Sie veröffentlichen Sie Ihre Lösung, Wann immer Sie die Zeit für künftige Referenzen!

InformationsquelleAutor JayDeeEss

Hatte ich selbiges problem und ich habe wie diese.(mit FormData) versuchen es. Es funktioniert für mich.

let formdata = new FormData();
formdata.append('email', '[email protected]');

this.http.post('http://myapiserver.com', formdata).subscribe(
    res => {
        const response = res.text();
    }
);

Funktioniert..!! Dies sollte eine akzeptierte Antwort.

InformationsquelleAutor Reshan Pubudu

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.