Ionischen 2 - Http POST-Nachrichtentext Parameter nicht gesendet werden

Bin ich mit dem Ionic-2-Beta-11. Ich bin versucht, senden Sie eine Anfrage an eine externe API, die wieder eine JSON-Antwort. Ich habe überwunden CORS Fragen, und ich bin die Kommunikation mit der API jedoch ich kann nicht senden Sie dem Körper Informationen, die erforderlich ist. Ich habe versucht, die Formatierung des body-Variablen in der folgenden Weise, jeweils ohne Erfolg:

Als Objekt: {email: this.email, password: this.password}

Als stringified Objekt: JSON.stringify({email: this.email, password: this.password})

Als string: 'email=' + this.email + '&password=' + this.password

Hier ist mein code:

import {Component}                                      from '@angular/core';
import {NavController, MenuController}                  from 'ionic-angular';
import {Http, Headers, RequestOptions}                  from '@angular/http';
import 'rxjs/Rx';

@Component({
  templateUrl: 'build/pages/login/login.html'
})
export class LoginPage {
  nav: NavController;    
  username: string;
  password: string;

  constructor(nav: NavController, private http: Http) {
    this.nav = nav;
  }

  doLogin() {
    let body = JSON.stringify({
      email: this.username,
      password: this.password });
    let headers = new Headers({
      'NDAPI-Key': 'XXXXXXXXXX',
      'NDAPI-Host': 'XXXXXXXXXXX' });
    let options = new RequestOptions({ headers: headers });

    this.http
        .post('/api', body, options)
        .map(res => res.json())
        .subscribe(
            data => {
              console.log(data);
            },
            err => {
              console.log("ERROR!: ", err);
            }
        );
  }
}
bitte, helfen Sie mir heraus. Wie haben Sie die überwunden CORS Probleme. Ich bin dort stecken.
Die Dateien, die Sie Probleme beim Zugriff auf (wegen CORS), haben Sie Zugriff auf die server, dass Sie gehostet werden? Wenn dem so ist, können Sie in der Lage sein zu aktivieren CORS auf diesem server.

InformationsquelleAutor Ian Holden | 2016-08-17

  1. 8

    Ich bin neu Ionic-2, aber nach langer Suche Form data " hat bei mir wie unten

    let headers = new Headers({ 'Content-Type': 'application/json' });
    let body = new FormData();
    body.append('username', username);
    body.append('password', password);
    console.log(body);
    console.log(headers);
    return this.http.post('http://api/v1/get_user',body,headers).map((res: Response) => res.json());

    InformationsquelleAutor Ali Farhan

  2. 5

    Ich hatte das gleiche problem, dass meine Parameter wurden nicht geschrieben, um meine PHP-Server. Ich veränderte Parameter im raw-format (gezeigt in meinem Körper variabel), und es begann zu arbeiten. Siehe Beispiel-code unten.

        let headers = new Headers({
        'Content-Type': 'application/x-www-form-urlencoded'
    });
    let options = new RequestOptions({
        headers: headers
    });
    //TODO: Encode the values using encodeURIComponent().
    let body = 'email=' + email + '&password=' + password;
    Es lohnt sich, zu erklären, warum Sie denken, dass Ihre Antwort arbeiten - die OP könnte nicht verstehen, was Sie getan haben.
    du hast Recht, ich habe jetzt editiert.

    InformationsquelleAutor Hasnat Safder

  3. 4

    Ich habe gerade entdeckt, das die Lösung zu meinem problem. Ich versuchte, senden Daten des Typs X-server, dem server mitzuteilen, dass ich das senden von Daten vom Typ Y. ich bin immer noch ein wenig verwirrt, als Sie die Datentypen, auf die ich geschickt wurde aber ich habe in der Lage, meine Probleme zu lösen, indem mit dem folgenden code:

    import {Component}                                      from '@angular/core';
import {NavController}                                  from 'ionic-angular';
import {Http, Headers, RequestOptions}                  from '@angular/http';
import 'rxjs/Rx';

@Component({
  templateUrl: 'build/pages/login/login.html'
})
export class LoginPage {
  nav: NavController;

  username: string;
  password: string;

  constructor(nav: NavController, private http: Http) {
    this.nav = nav;
  }

  doLogin() {
    let body = new FormData();
    body.append('email', this.username);
    body.append('password', this.password);
    let headers = new Headers({
      'NDAPI-Key': 'XXXXXXXXX',
      'NDAPI-Host': 'XXXXXXXXX' });
    let options = new RequestOptions({ headers: headers });

    this.http
        .post('/api', body, options)
        .map(res => res.json())
        .subscribe(
            data => {
              console.log(data);
            },
            err => {
              console.log("ERROR!: ", err);
            }
        );
  }
}

    InformationsquelleAutor Ian Holden

  4. 2

    Angular2 Ionic-2 HTTP-Post-Methode

    import {Http, Headers } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {


constructor(public http:Http) { }


postCall()
{
let headers = new Headers();
headers.append('Content-Type', 'application/json');
let data=JSON.stringify({username:"raja"});
this.http.post('http://localhost/ionic/postResponse.php',data,headers)
.map(res => res.json())
.subscribe(res => {
alert("success "+res);
}, (err) => {
alert("failed");
});
}


}

    Für weitere Informationen besuchen Sie https://ampersandacademy.com/tutorials/ionic-framework-version-2/send-data-and-receive-data-in-the-ionic-2-framework-using-angular2-http-post-method

    Thanx Für Mich Gearbeitet......... 🙂

    InformationsquelleAutor Bharathiraja

Schreibe einen Kommentar