Ionic2:将提交表单数据发送到服务

import { Component } from '@angular/core';
import { Http } from '@angular/http';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  form: FormGroup;

  constructor(private http: Http, private formBuilder: FormBuilder) {
    this.form = this.formBuilder.group({
      name: ['', Validators.required],
      email: ['', Validators.required],
      message: ['', Validators.required]
    });
  }

  submitForm() {
    if (this.form.valid) {
      const formData = this.form.value;

      // 创建HTTP请求
      const url = 'https://example.com/submit-form';
      const headers = new Headers({ 'Content-Type': 'application/json' });
      const options = new RequestOptions({ headers: headers });
      const body = JSON.stringify(formData);

      // 发送请求
      this.http.post(url, body, options)
        .subscribe(
          response => {
            // 处理成功响应
            console.log(response.json());
          },
          error => {
            // 处理错误情况
            console.error(error);
          }
        );
    }
  }
}