Angular2 - POST-Anfrage an Server senden

Question

Ich baue eine mobile App, um News-Feed anzuzeigen. In meiner App sollte man einen Status veröffentlichen können.

Der Status wird per POST-Methode an den PHP-Server gesendet.

Jetzt ist mein Problem PHP liest nicht die POST-Anfrage, die ich mit angular2 gesendet.

Dies ist mein Code:

form.html

<form class="sample-form post-form" [formGroup]="post_form" (ngSubmit)="createStatus()"> 
      <ion-item> 
       <ion-textarea rows="7" placeholder="What's happening?'" formControlName="status"></ion-textarea> 
      </ion-item> 
      <section class="form-section"> 
       <button ion-button block class="form-action-button create-post-button" type="submit" [disabled]="!post_form.valid">Post</button> 
      </section> 
      </form> 

form.ts

import { Component } from '@angular/core'; 
import { NavController, AlertController } from 'ionic-angular'; 
import { Validators, FormGroup, FormControl } from '@angular/forms'; 

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

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

    section: string; 

    post_form: any; 

    url: string; 
    headers: Headers; 

    constructor(public nav: NavController, public alertCtrl: AlertController, public http: Http) { 
    this.headers = new Headers(); 
    this.headers.append("Content-Type", "application/x-www-form-urlencoded"); 

    this.section = "post"; 


    this.post_form = new FormGroup({ 
     status: new FormControl('', Validators.required), 
    }); 
    } 

    createStatus(){ 
    console.log(this.post_form.value); 

    this.url = "https://domain.com/mobileREST/poststatus.php"; 

    this.http.post(this.url, this.post_form.value, { headers: this.headers}) 
     .map(res => res.json()) 
     .subscribe(res => { 
     console.log(res); 
     }, 
     err => { 
     console.log(err); 
     }) 
    } 
} 

poststatus.php

<?php 
header('Access-Control-Allow-Origin: *'); 
header('Content-Type: application/json'); 

$status = $_POST["status"]; 
echo json_encode($status); 
?> 

Firebug Console:

Ich kann nicht scheinen, den Fehler hier zu finden. Wirklich zu schätzen Ihre Hilfe

Answer 1

Ich hatte das gleiche Problem. Sie können die POST-Parameter nicht wie das JavaScript-Objekt senden. Sie müssen es wie URLSearchParams übergeben. Ich habe eine Funktion gemacht, die es für dich tun wird. Es wird das Objekt durchlaufen und URLSearchParam machen und es als String zurückgeben.

private _buildParams(params: any) { 
    let urlSearchParams = new URLSearchParams(); 

    for(let key in params){ 
     if(params.hasOwnProperty(key)){ 
      urlSearchParams.append(key, params[key]); 
     } 
    } 
    return urlSearchParams.toString(); 
} 

Und dann rufen Sie http Beitrag:

this._http.post(this.url, this._buildParams(params), {headers: this.headers}); 

Answer 2

Um die gebuchten Daten zu erhalten nur diese Zeile in Ihrer PHP

// get posted data 
$data = json_decode(file_get_contents("php://input"));