php服务器之间通讯,angular与php服务器端通讯

服务器端代码

header('Access-Control-Allow-Origin:*'); //这句也很关键，能够域外访问

header('Content-type:text/json'); //这句是重点，它告诉接收数据的对象此页面输出的是json数据；

$arr = array ('a'=>1237,'b'=>2,'c'=>3,'d'=>4,'e'=>5);

echo json_encode($arr);

?>

客户端代码：

1.在module中引入import { HttpClientModule } from '@angular/common/http';

2.组件写的内容

import { Component , OnInit} from '@angular/core';

import {HttpClient} from '@angular/common/http';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.css']

})

export class AppComponent implements OnInit {

title = 'app';

data_ = '';

constructor(private http: HttpClient) {}

ngOnInit() {

this.http

.get('http://192.168.9.198/test.php').subscribe(

data => {

this.data_ = data['b'];

}

);

}

}

都是比较简单的，了解过程