angular与php服务器端通讯

服务器端代码

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'];
          }
        );
}
}

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

你可能感兴趣的:(angular与php服务器端通讯)