ReactJS ax ios POST вызов PHP - ошибка запроса прервана - PullRequest
Новая
       4

ReactJS ax ios POST вызов PHP - ошибка запроса прервана

0 голосов
/ 08 апреля 2020

Я пытаюсь сделать POST-вызов файла PHP с топором ios. 

 loginHandler = () => {

    var params = new URLSearchParams();
    params.append('User', this.state.inputUsername);
    params.append('Pwd', this.state.inputPassword);

    var callAction =  process.env.REACT_APP_API_ENDPOINT + 'LoginHandler.php';

    axios.post(callAction, params)
    .then(res => {
        const message = res.data;
        console.log(message);
    })
    .catch(function (error) {
        // handle error
        console.log(error);
      })
  }

Но все, что я пытаюсь сделать, выдает ошибку «Запрос прерван». Однако выполнение запросов ax ios из любого другого компонента, кроме компонента LoginForm, похоже, работает.

Что-то не так с моим вызовом ax ios? Я просто скопировал / вставил его из компонента, который работает, и там нет проблем.

1 Ответ

0 голосов
/ 08 апреля 2020

Метод вызывался на кнопке «Отправить» onClick, которая заставляла страницу перезагружаться до завершения запроса.

Перемещение ее в форму 

 <form onSubmit ={(event) => this.loginHandler(event)} >

и добавление события как параметр на loginHandler, и эта строка кода 

event.preventDefault();

заставила его работать в конце концов.

...