Angular6 отправляет JSON в CakePHP - PullRequest
Новая
       11

Angular6 отправляет JSON в CakePHP

0 голосов
/ 30 сентября 2018

Доброго времени суток всем, у меня есть форма входа с именем пользователя и паролем. 

<form [formGroup]="loginForm" (ngSubmit)="onFormLogin(loginForm)">

    <div class="md-form">
      <input type="email" id="materialLoginFormEmail" class="form-control" formControlName="username" #username>
      <label for="materialLoginFormEmail">E-mail</label>
    </div>

    <div class="md-form">
      <input type="password" id="materialLoginFormPassword" class="form-control" formControlName="password" #password>
      <label for="materialLoginFormPassword">Password</label>
    </div>

    <!-- Sign in button -->
      <button class="btn btn-outline-info btn-rounded btn-block my-4 waves-effect z-depth-0" type="submit" style="height: 40px; line-height: 40px; box-sizing: border-box;" [disabled]="!loginForm.valid" (click)="username.value=''; password.value=''"><a>Sign in</a></button>

</form>

и в моем компоненте входа я пытаюсь напрямую опубликовать его в http. 

onFormLogin() {

const formData = new FormData();
formData.append('username', this.loginForm.value.username);
formData.append('password', this.loginForm.value.password);

this.http.post('http://localhost/bookstore/customerlogs/add', formData, 
httpOptions)
.subscribe((data) => {
  console.log('Got some data from input ', data);
}, (error) => {
  console.log('Error! ', error);
});

console.warn('Username:', this.loginForm.value.username);
console.warn('Password:', this.loginForm.value.password);

}

на данный момент я хочу получить эти введенные данные в базу данных, где находится мой customerlogscontroller.php. (CakePHP) 

public function add()
{
  //how to accept json from Angular component ?
}
...