Отсутствует параметр (и): электронная почта, произошла ошибка пароля при публикации данных в angular4?

Я новичок в angular 4. Я работаю над страницей входа в систему, на которой я должен опубликовать информацию о пользователе при входе в систему. Но я получаю сообщение об ошибке как "code":"rest_missing_callback_param","message":"Отсутствует параметр (и): адрес электронной почты, пароль "при публикации данных. Ниже мой код:

  import { Component, OnInit } from '@angular/core';
import {Http,Response,Headers, RequestOptions} from '@angular/http';
import { Router} from '@angular/router';
import { NgForm } from '@angular/forms';

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {

constructor(private http:Http,private router:Router) { }
login(){
this.router.navigate(['login']);
}
     createAuthorizationHeader(headers: Headers) {
    headers.append('Authorization', 'Basic ' +
      btoa('ck_543700d9f8c08268d75d3efefb302df4fad70a8f:cs_f1514261bbe154d662eb5053880d40518367c901')); 
    headers.append("Content-Type", "application/x-www-form-urlencoded");
  }   
onSubmit(userForm:NgForm){
    console.log(userForm.value);
    let headers=new Headers();
     this.createAuthorizationHeader(headers);
const body={
 "email": userForm.value.email,
  "first_name": userForm.value.fname,
  "last_name": userForm.value.lname,
  "username": userForm.value.uname,
  "password": userForm.value.password
}
    console.log(body);
    console.log(headers);
this.http.post('https://www.colourssoftware.com/wordpress/wp-json/wc/v2/customers',body,{
        headers:headers
        })
      .subscribe(
      data => {
              console.log(data);
            },
            err => {
              console.log("ERROR!: ", err);
            }
      );

}   
  ngOnInit() {
  }

}
 <form class="animated wow slideInUp" data-wow-delay=".5s" #regForm="ngForm" (ngSubmit)="onSubmit(regForm)">
                    <input type="text" placeholder="First Name..." required=" " name="fname" ngModel>
                    <input type="text" placeholder="Last Name..." required=" " name="lname" ngModel>
                    <input type="text" placeholder="UserName..." required=" " name="uname" ngModel>
                    <h6 class="animated wow slideInUp" data-wow-delay=".5s">Login information</h6>

                    <input type="email" placeholder="Email Address" required=" " name="email" ngModel>
                    <input type="password" placeholder="Password" required=" " name="password" ngModel>
                    <div class="register-check-box">
                        <div class="check">
                            <label class="checkbox"><input type="checkbox" name="checkbox"><i> </i>I accept the terms and conditions</label>
                        </div>
                    </div>
                    <input type="submit" value="Register">
                </form>

Где я сделал ошибку? Как я могу опубликовать данные на сервере в угловых 4? Пожалуйста, помогите мне.

Источник

2 ответа

Решение

В методе отправки вы формируете объект JSON, но отправляете его как application/x-www-form-urlencoded, Я думаю, что вы должны установить заголовки application/json вместо.

Источник

Я знаю, что это очень старый вопрос, но я отвечаю на него, чтобы другие люди могли получить пользу.

      > You should use yoursite.com/wordpress/wp-json/wc/v2/users API instead
> of yoursite.com/wordpress/wp-json/wc/v2/customers

при проверке входа пользователя или регистрации клиентов с помощью WordPress rest API. также убедитесь, что у вас есть действующая авторизация, установленная в заголовке.

*** Если вы хотите использовать yoursite.com/wordpress/wp-json/wc/v2/customers API, у вас должна быть учетная запись клиента с тем же именем пользователя/паролем в WordPress, после чего только вы сможете пройти проверку в качестве клиента. с woocommerce API

Источник
Другие вопросы по тегам