Компилятор не определяет ajax, как решить?

Сергей Котов, все-таки, вы оказались правы, дело в camelCase. Я просто забыл PHP сохранить. И работает этот вариант:

btnSubmit.addEventListener("click", () => {
  $(document).ready(function () {
    let fullname = itemInputs[0].value,
      phone = itemInputs[1].value,
      street = itemInputs[2].value,
      housenumber = itemInputs[3].value;
    console.log(fullname, phone, street, housenumber);

    $.ajax({
      url: "php/data_processing.php",
      type: "POST",
      cache: false,
      data: {
        ajax: 'yes',
        fullname: fullname,
        phone: phone,
        street: street,
        housenumber: housenumber
      },
      success: function (data) {
        console.log(data);
      }
    });
  });
});

Большое спасибо за помощь!

Компилятор не определяет ajax, как решить?

Alex Plotnikov, у вас случайно нет никаких мыслей на этот счет?

Компилятор не определяет ajax, как решить?

Сергей Котов, сомневаюсь, что с camelCase, что без него ошибки:
Вот твой вариант:

$(document).ready(function () {
  btnSubmit.addEventListener("click", () => {
    var fullname = itemInputs[0].value,
      phone = itemInputs[1].value,
      street = itemInputs[2].value,
      housenumber = itemInputs[3].value;
    console.log(fullname, phone, street, housenumber);
  });


  $.ajax({
    url: "php/data_processing.php",
    type: "POST",
    cache: false,
    data: {
      ajax: 'yes',
      fullname: fullname,
      phone: phone,
      street: street,
      housenumber: housenumber
    },
    success: function (data) {
      console.log(data);
    }
  });
});

И что выдает:


А вот мой вариант:

btnSubmit.addEventListener("click", () => {
  $(document).ready(function () {
    let fullname = itemInputs[0].value,
      phone = itemInputs[1].value,
      street = itemInputs[2].value,
      housenumber = itemInputs[3].value;
    console.log(fullname, phone, street, housenumber);

    $.ajax({
      url: "php/data_processing.php",
      type: "POST",
      cache: false,
      data: {
        ajax: 'yes',
        fullname: fullname,
        phone: phone,
        street: street,
        housenumber: housenumber
      },
      success: function (data) {
        console.log(data);
      }
    });
  });
});

И уже без camelCase и результат такой же как и с ним:

Компилятор не определяет ajax, как решить?

Сергей Котов, сыпятся ошибки: что с var, что с let.
А если так:

btnSubmit.addEventListener("click", () => {
  $(document).ready(function () {
    let fullName = itemInputs[0].value,
      phone = itemInputs[1].value,
      street = itemInputs[2].value,
      houseNumber = itemInputs[3].value;
    console.log(fullName, phone, street, houseNumber);

    $.ajax({
      url: "php/data_processing.php",
      type: "POST",
      cache: false,
      data: {
        ajax: 'yes',
        fullName: fullName,
        phone: phone,
        street: street,
        houseNumber: houseNumber
      },
      success: function (data) {
        console.log(data);
      }
    });
  });
});

То AJAX частично работает:

53 строка - это console.log(fullName, phone, street, houseNumber);
67 строка - это
console.log(data);

Компилятор не определяет ajax, как решить?

Alex Plotnikov, то есть надо сделать примерно так?

btnSubmit.addEventListener("click", () => {

  let fullName = itemInputs[0].value,
    phone = itemInputs[1].value,
    street = itemInputs[2].value,
    houseNumber = itemInputs[3].value;

  $(document).ready(function () {

    $.ajax({
      url: "php/data_processing.php",
      type: "POST",
      cache: false,
      data: { fullName: fullName, phone: phone, street: street, houseNumber: houseNumber },
      dataType: "html",
      success: function () {
        console.log("Вывод чипсов");
      }
    });
  });
});

Компилятор не определяет ajax, как решить?

Сергей Котов,

Компилятор не определяет ajax, как решить?

Сергей Котов, все равно ругается

Компилятор не определяет ajax, как решить?

Alex Plotnikov, да, спасибо!
Только теперь ругается на fullName как будто переменная не объявлена:

data: { "fullName": fullName, "phone": phone, "street": street, "houseNumber": houseNumber }

хотя fullName объявлена.
Попробовал перенести

const itemInputs = document.querySelectorAll(".item-input"),
      btnSubmit = document.querySelector(".btn-submit");

itemInputs - это все инпуты на странице
внутрь $(document).ready(function () {
Проблема та же

$(document).ready(function () {
  btnSubmit.addEventListener("click", () => {
    let fullName = itemInputs[0].value,
      phone = itemInputs[1].value,
      street = itemInputs[2].value,
      houseNumber = itemInputs[3].value;
    console.log(fullName, phone, street, houseNumber);
  });

  $.ajax({
    url: "php/data_processing.php",
    type: "POST",
    cache: false,
    data: { "fullName": fullName, "phone": phone, "street": street, "houseNumber": houseNumber },
    dataType: "html",
    success: function () {
      console.log("Вывод чипсов");
    }
  });
});

PHP, в который идет отправка:

if($_SERVER['REQUEST_METHOD'] == 'POST') { // была ли отправлены форма 
  $fullName = $_POST['fullName'];
  $phone = $_POST['phone'] ;
  $street = $_POST['street'];
  $houseNumber = $_POST['houseNumber'];

  echo $full_name, $phone,  $street , $house_number;

  }

Подскажи, пожалуйста, что не так

Компилятор не определяет ajax, как решить?

Сергей Котов, а сейчас разве не так?

Компилятор не определяет ajax, как решить?

Сделал, так же, ругается на jqyery min, который на сервере гугл и снова на $ajax


Вот полный JS код:
Может опять где-то ошибся?

const itemInputs = document.querySelectorAll(".item-input"),
      btnSubmit = document.querySelector(".btn-submit");

function formValidator() {

  let correctInputs = 0;

  for (let el = 0; el < itemInputs.length; el++) {

    if ((el == 2 || el == 0) && itemInputs[el].value.match(/[А-я]/)) {
      correctInputs++;
    }
    if (el == 1 && +itemInputs[el].value.match(/\d{11}/)) {
      correctInputs++;
    }
    if (el == 3 && (+itemInputs[el].value < 300 && +itemInputs[el].value > 0)) {
      correctInputs++;
    }
  }
  return correctInputs == 4 ? true : false;
}

document.querySelector(".form").addEventListener("change", () => {
  let correctInputs = 0;
  for (let i = 0; i < itemInputs.length; i++) {
        if (itemInputs[i].value.length != 0) {
          correctInputs++;
        }
  }
  if (correctInputs == 4) {
     if (formValidator() == true) {
      btnSubmit.classList.add("btn-active");
      btnSubmit.removeAttribute("disabled");
     }
  }
});

function resetForm() {

  document.querySelector('.form').reset();
  btnSubmit.classList.remove("btn-active");
  btnSubmit.setAttribute("disabled", "");

}

$(document).ready(function () {
  btnSubmit.addEventListener("click", () => {
    let fullName = itemInputs[0].value,
      phone = itemInputs[1].value,
      street = itemInputs[2].value,
      houseNumber = itemInputs[3].value;
    console.log(fullName, phone, street, houseNumber);
  });

  $ajax({
    url: "php/data_processing.php",
    type: "POST",
    cache: false,
    data: { "fullName": fullName, "phone": phone, "street": street, "houseNumber": houseNumber },
    dataType: "html",
    success: function () {
      console.log("Вывод чипсов");
    }
  });
});

Как переместить элементы навигации направо?

Ankhena, спасибо большое, выручили!

Как переместить элементы навигации направо?

Ankhena,
Да, простите, моя не точность, элементы навигации должны быть справа на уровне лого, ну примерно как на скрине.
Вот примерно так должно быть:

Сделал это с помощью абсолютного позиционирования, такое себе решение, хотелось бы на flexbox, но не выходит

Как переместить элементы навигации направо?

У вас элементы навигации располагаются справа? у самого края страницы?
Просто у меня элементы навигации залезли под лого и так должно быть судя по flex-start, а мне они там ни к чему
Паддинг исправил, благодарю

Как обратиться к объекту?

А других способов нет?
Я хотел использовать объект как мини бд

Как решить проблему перезаписи объекта?

Если ввести два раза в форму данные, то останутся только последние данные. Не знаю почему так происходит, в другой версии этого проекта была такая же запись и все происходило верно
Насчет first-option согласен, сделаю как у вас
А обращаться к ним тогда будет сложнее, нет?

Не проходит валидность поля дата рождение и курс, как решить?

Эти поля у меня проверяются чуть ниже вне цикла, если бы проверял их в цикле , то они бы выделялись красной границе, как неправильные

Не проходит валидность поля дата рождение и курс, как решить?

1) Неправильно написано регулярное выражение? Вроде бы w{4} - это четыре буквы
А как тогда правильно?
2) Ну вот не проходит

Валидация формы с помощью регулярных выражений, как улучшить код?

dollar, поля год рождения и курс не проходят валидность

Как сделать так чтобы строка не прилипала к контейнеру?

Александр, да

Как правильно и современно оформить header и nav?

Макета нет, я делаю для себя.
Мне просто нужно расположить элементы навигации справа горизонтально и по середине вертикально и были в строчку. Через flexbox желательно, float как я понял нежелательно использовать, т.к он устарел.