如何将ajax请求[POST]从Angular 2发送到PHP？

我很沮丧，因为我一直在尽力解决这类问题，搜索文档，搜索可能重复的问题

我已经阅读了这个文档，但是这里没有使用PHP发布数据的示例

我想做的是检查数据库是否有尚未批准的事务。它每3秒运行一次

这是我得到的

我创建了我的服务[

获取新数据.Service.ts

]

import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import 'rxjs/Rx';

@Injectable()
export class GetNewDataService {
    constructor(private http: Http) { }
    private url = 'app/service/getDataService.php';

    getData(bangko) {
        let headers = new Headers('Content-Type', 'application/x-www-form-urlencoded'),
            options = new RequestOptions({ headers: headers }),
            bank = `bank=${bangko}`;

        return this.http.post(this.url, bank, options).map(res => res.json());
    }
}

在我的

app.module.ts

中，我导入了HttpModule-imports和GetNewDataService-providers

在我的组件上

import { Component, OnInit } from '@angular/core';
import { GetNewDataService } from '../service/get-new-data.service';
import { Observable } from 'rxjs/Rx';

@Component({
    templateUrl: 'app/tpl-html/mandiri.component.html'
})

export class MandiriComponent implements OnInit {
    constructor(private getDataService: GetNewDataService) { }

    ngOnInit() {
        setInterval(() => {
            this.getDataService.getData('mandiri')
                .subscribe(res => console.log(res));
        }, 3000)
    }
}

我不知道如何提出正确的请求，如何将angular 2应用程序与mysql和php集成

任何帮助都将不胜感激。谢谢：/

我们开始

Html

<div ng-app="myApp">
 <form ng-controller="FormCtrl" ng-submit="submitForm()">
    First name:    <br/><input type="text" ng-model="form.firstname">    <br/><br/>
    Email Address: <br/><input type="text" ng-model="form.emailaddress"> <br/><br/>
    Description:<br/> <textarea rows="3" cols="25" ng-model="form.textareacontent"></textarea>
        <br/>
    <input type="radio" ng-model="form.gender" value="female" />Female ...
    <input type="radio" ng-model="form.gender" value="male" />Male <br/>
        <br/>
    <input type="checkbox" ng-model="form.member" />Already a member
        <br/>
    <input type="submit" ngClick="Submit" >
 </form>
 <div id="getdata"></div>
</div>

Php

 $file = 'form2.txt';
 $postdata = file_get_contents("php://input");
 $data = json_decode($postdata, true);
 echo '<h3>Name ='.$data['firstname']."<br/>".'Email ='.$data['emailaddress']."<br/>".'Description ='.$data['textareacontent']."</h3>";

$file='form2.txt'；
$postdata=文件\u获取\u内容（“php://input");
$data=json_decode（$postdata，true）；
echo“Name=”.$data['firstname']。“
”。$Email=”.$data['emailaddress']。“
”。'Description=”.$data['textareacontent']。”；

---

你犯了什么错误？沙申克·辛格干得好。谢谢我知道如何在角1中做这件事。我正在寻找角度2的解决方案。好的@HayleyKiara，然后通过和。这可能会对你有所帮助，我认为答案中的一些解释会很有用。

 $file = 'form2.txt';
 $postdata = file_get_contents("php://input");
 $data = json_decode($postdata, true);
 echo '<h3>Name ='.$data['firstname']."<br/>".'Email ='.$data['emailaddress']."<br/>".'Description ='.$data['textareacontent']."</h3>";

var link = 'app/service/getDataService.php';
var data = JSON.stringify({username: this.data.username});

this.http.post(link, data)
.subscribe(data => {
 this.data.response = data._body;
}, error => {
    console.log("Oooops!");
});