Winkel-2 http-post-params und Körper

Ich versuche zu tun, ein api-Aufruf aus meinem Winkel-app. Was ich will zu tun ist, senden Sie eine post-Anfrage an die api mit Befehls-param. Ich habe eine Menge von server-side-Tests als auch durch die abgehende Anforderung, und das $_POST noch body Daten ist nie da. Ich bin mir daher ziemlich sicher, dass das problem liegt in diesem Stück code.

public post(cmd: string, data: object): Observable<any> {

    const params = new URLSearchParams();
    params.set('cmd', cmd);

    const options = new RequestOptions({
      headers: this.getAuthorizedHeaders(),
      responseType: ResponseContentType.Json,
      params: params,
      body: data,
      withCredentials: false
    });

    console.log('Options: ' + JSON.stringify(options));

    return this.http.post('http://t2w.dev/index.php', data, options)
      .map(this.handleData)
      .catch(this.handleError);
  }

Habe ich versucht viele verschiedene JSON-Strukturen als data aber das ist der Kern dessen, was ich versuche zu senden:

{
  "Username": "No thanks",
  "Password": "Donno"
}

this.handleData und this.handleError ist eine Methode, Daten und Fehler als Argumente und liefert genau das, was ich will.

Den api-setup ist alles loggen, was kommt durch $_POST die funktioniert auch Prima, wenn die ausgeführte Anforderung von irgendwo, aber mein Winkel-app. Was ich bisher getan habe:

Vorbei raw Abfrage statt URLSearchParams.
Übergeben der Anforderung ohne Körper.
Übergeben alle Werte in RequestOptions.
Params übergeben als string.
Vorbei Körper, wie params.
Weitergabe Körper als JSON.stringify({
"Username": "Nein, danke",
"Passwort": "Donno"
}

Die Ausgabe in der Konsole von RequestOptions

Optionen: {"method":null,"headers":{"Content-Type":["application/json"],"Accept":["application/json"],"X-CLIENT-ID":["380954038"],"X-CLIENT-SECRET":["5BgqRO9BMZ4iocAXYjjnCjnO7fHGN59Wp8btrz5f"]},"body":"{}","url":null,"params":{"rawParams":"","queryEncoder":{},"paramsMap":{}},"withCredentials":false,"responseType":1}
VM8529:1 XHR geladen: BEITRAG "http://t2w.dev/index.php".

Jemand eine Ahnung, warum die Daten nie gesendet wird?

InformationsquelleAutor SlyOtis | 2017-06-15

angular angular-http

7

Den 2. parameter von http.post ist der Körper der Nachricht, dh die Nutzlast und nicht die url-Suchparameter. Pass data in diesem parameter.

Vom die Dokumentation

post(url: string, body: any, options?: RequestOptionsArgs) : Observable<Response>
```
public post(cmd: string, data: object): Observable<any> {

    const params = new URLSearchParams();
    params.set('cmd', cmd);

    const options = new RequestOptions({
      headers: this.getAuthorizedHeaders(),
      responseType: ResponseContentType.Json,
      params: params,
      withCredentials: false
    });

    console.log('Options: ' + JSON.stringify(options));

    return this.http.post(this.BASE_URL, data, options)
      .map(this.handleData)
      .catch(this.handleError);
  }
```
Bearbeiten

Sollten Sie auch check-out der 1. parameter (BASE_URL). Es muss die vollständige url (ohne query-string), die Sie erreichen möchten. Ich erwähne wegen der Namen, den Sie ihm gegeben und ich kann nur erraten, was der Wert ist derzeit (vielleicht auch nur die domain?).

Auch gibt es keine Notwendigkeit zu nennen JSON.stringify auf die Daten/payload gesendet wird in den http-body.

Wenn Sie noch immer nicht an Ihrem Endpunkt im browser Aussehen der Netzwerk-Aktivität in der Entwicklung der Konsole, um zu sehen, was gesendet wird. Sie können dann weiter festzustellen, ob der richtige Endpunkt genannt wird, mit dem korrekten header und body. Wenn es angezeigt wird, korrekt ist, dann verwenden POSTBOTE oder Fiddler oder etwas ähnlichem, um zu sehen, wenn Sie schlagen können Sie Ihren endpoint-so (außerhalb von Winkel).

Im bewusst, und mit dem begonnen, aber nach dem Lesen auf, was andere gearbeitet haben ist dies mein letzter Versuch.
Hinzugefügt habe ich ein edit an der Unterseite. Beachten Sie, dass Ihre Karte und catch-Handler sollte in Ordnung sein, wie Sie sind (vorausgesetzt, die input-parameter entspricht der Ausgabe aus dem Ausdruck).
Aktualisiert meine Frage noch einmal mit der kompletten url. Ich Erreiche den Endpunkt, und eine request ohne post-Daten gehandhabt werden soll, so, wie es Mahl, um an beiden enden. Ich habe auch den Weg über die Konsole, wo ich entdeckt, dass es weder Daten-oder post-Daten, die mit der Anfrage.
Hallo, danke für die Antwort, aber ich habe eine andere Frage: und wenn Sie wollen, übergeben Sie parameter als string an, wie Sie das tun? Ich bin versucht, übergeben Sie eine GMT-param mit dem format '+0100' aber nur erkennen, wie '0100'. Nochmals vielen Dank!
Am besten wäre es, wenn Sie gebeten, eine neue Frage (enthalten und die details), statt zu Fragen, in den Kommentaren von einer vorhandenen Frage.

InformationsquelleAutor Igor

Und es funktioniert, Dank @trichetriche. Das problem war in meinem RequestOptions offenbar, Sie können nicht übergeben params oder body zu den RequestOptions während der Verwendung der post. Entfernen einer von Ihnen gibt mir eine Fehlermeldung, die Beseitigung von beiden und es funktioniert. Noch keine endgültige Lösung für mein problem, aber ich habe jetzt etwas, mit zu arbeiten. Endgültige code.

public post(cmd: string, data: string): Observable<any> {

    const options = new RequestOptions({
      headers: this.getAuthorizedHeaders(),
      responseType: ResponseContentType.Json,
      withCredentials: false
    });

    console.log('Options: ' + JSON.stringify(options));

    return this.http.post(this.BASE_URL, JSON.stringify({
      cmd: cmd,
      data: data}), options)
      .map(this.handleData)
      .catch(this.handleError);
  }

InformationsquelleAutor SlyOtis

-1

Ja das problem hier. Es ist in Bezug auf Ihre syntax.

Versuchen Sie es mit dieser
```
return this.http.post(this.BASE_URL, params, options)
  .map(data => this.handleData(data))
  .catch(this.handleError);
```
statt
```
return this.http.post(this.BASE_URL, params, options)
  .map(this.handleData)
  .catch(this.handleError);
```
Auch, der zweite parameter soll der Körper, nicht die url-params.

wieder macht diese this.handleData oder data => this.handleData(data) Ausgänge die gleiche docs
Aus persönlicher Erfahrung fand ich heraus, dass Nein, aber ich werde werfen Sie einen Blick auf den doc und versuchen Sie es erneut. Sowieso, Ihre zweite problem ist, dass Sie nicht senden Sie dem Körper, sondern Ihre params. Und vor allem, was macht Ihre browser-Konsole sagt ?
Alles funktioniert wie es soll, alle meine Header gibt es in beide enden, nur fehlt, was ist post-body und Daten.
Denn, wie ich sagte, Sie nicht senden Sie keine Körper haben, schicken Sie Ihre params. versuchen Sie das senden dieser : http.post(this.BASE_URL, JSON.stringify({content: 'any'}), options)
Meinen Beitrag aktualisiert, um zu klären, mein problem und was ich bisher ausprobiert habe. Ich habe müde senden die Daten als string und als json.

InformationsquelleAutor trichetriche
-1

Scheint, dass Sie verwenden Eckige 4.3 version, die ich auch konfrontiert mit dem gleichen problem. Verwenden Sie Eckige 4.0.1 und den post mit dem code von @trichetricheand und es wird funktionieren. Ich bin auch nicht sicher, wie Sie Sie lösen es auf Eckige 4.3 :S

InformationsquelleAutor Turkel

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Die Ausgabe in der Konsole von RequestOptions

Bearbeiten

Die Ausgabe in der Konsole von `RequestOptions`