php - 如何从 Angular 2 向 PHP 发送 ajax 请求 [POST]？

Question

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

我已阅读此文档 https://angular.io/docs/ts/latest/guide/server-communication.html但这没有使用 PHP 发布数据的示例。

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

这是我得到的

我创建了我的服务 [get-new-data.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 集成。

如有任何帮助，我们将不胜感激。谢谢:/

Answer 1

Post JSON from angular 2 to php

http://4dev.tech/2016/07/using-http-client-to-integrate-angular2-to-php/

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!");
});