serii81
@serii81
Я люблю phр...

Почему не работает fetch в wordpress?

Добрый день.
Есть страница сайта на wordpress https://www.rewindtelecomunicazioni.it/topcare/

В ней есть форма с инпутом number и следует ввести код из 11 цифр, и кнопка активируется.

При нажатии на кнопку, данные из инпут должны отправится асинхроно.
Через postman данные приходят.
xHTdo7Q.png

Вот код js
const verification = document.querySelector('#js-verification');
  const verificationInput = verification.querySelector('input[type="number"]');
  const verificationBtn = verification.querySelector('input.wpcf7-submit[type="submit"]');
  setTimeout(() => {
    verificationBtn.setAttribute('disabled', 'disabled');
  }, 500);
  verificationInput.addEventListener('keyup', verifyInputLength);
  
  function verifyInputLength (e) {
    const inputLength = e.target.value.length;
    if (inputLength === 11) {
      verificationBtn.removeAttribute('disabled');
      verificationBtn.addEventListener('click', (e) => {
        e.preventDefault();
        const formData = new FormData();
        formData.append('partita_iva', '01785370360')
        console.log(formData);
        
        ajaxSend(formData)
          .then((response) => {
            console.log(response);
          })
          .catch((err) => console.error('have an error ' + err))
      });
    } else {
      verificationBtn.setAttribute('disabled', 'disabled');
    }
  }
  
  const ajaxSend = async (formData) => {
    const url = 'https://api.monitorcrm.it/index.php/topcare';
    const fetchResp = await fetch(url, {
      method: 'POST',
      body: formData,
      mode: "cors",
      referrerPolicy: "unsafe-url"
    });
    if (!fetchResp.ok) {
      throw new Error(`Error for  ${url}, error status ${fetchResp.status}`);
    }
    return await fetchResp.text();
  };


И ошибка
BmvLyJU.png

Если в fetch добавить mode: 'no-cors', то получается ошибка

U1qpXRh.png

У меня не опыта работы с fetch post, это мой первый запрос, и еще не знаю про подводных камней.

Заранее благодарен за подсказку.
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
@vabka
Токсичный
Прочитайте про CORS
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы