通信

Tweet

HTTPClientでPOST

送信時のデータ形式はjson形式じゃなくて、urlencoded形式の場合。

import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-blas-auth',
  templateUrl: './blas-auth.component.html',
  styleUrls: ['./blas-auth.component.css']
})


export class BlasAuthComponent implements OnInit {

  message:string="";

  loginForm: FormGroup = new FormGroup({
    userName: new FormControl(''),
    password: new FormControl('')});


  constructor(private client: HttpClient) { }

  ngOnInit(): void {

  }

  onSubmit() {
    let result = this.loginForm?.value;
    console.log(result.userName);
    console.log(result.password);

    let body = new HttpParams()
    .set("name", result.userName)
    .set("password", result.password);
    //let body = JSON.stringify(result);
    //console.log(this.message);

    let httpOptions = {
      headers: new HttpHeaders({
        'Access-Control-Allow-Origin': '*',
        'Content-Type': 'application/x-www-form-urlencoded',
      })
    }

    this.client.post("http://localhost/api/v1/auth/login/", body)
    .toPromise()
    .then((res)=>{
      console.log(res);
    })
    .catch((error)=>{

    });
  }

}