Отправить PHP POST с помощью Javascript AJAX

Я считаю, что пост-параметр nameSubmit не существует. Используйте функцию var_dump() для дампа всех $_POST
С моей точки зрения, единственным указанным параметром было

• fName
• fAddress
• fКомментарий

Почему бы вместо этого не проверить метод запроса?
Это лучше, чем проверять, существует ли переменная или нет. Вы можете выполнить проверку необходимого параметра позже, когда убедитесь, что это запрос POST.

if ($_SERVER['REQUEST_METHOD'] === 'POST'){
    // Do whatever you want when POST request came in
}

ОБНОВЛЕНИЕ:
Вот ответ, который вы хотели!

<form id = "requestForm">
    <input type = "text" name = "fName" id = "name">
    <input type = "text" name = "fAddress" id = "address">
    <input type = "text" name = "fComment" id = "comment">

    <button onclick = "sendData();" type = "button">Submit</button>
</form>

<div id = "testdiv"></div>

    <script>

      function sendData(){
          var data = new FormData();
          data.append('fName', document.getElementById("name").value);
          data.append('fAddress', document.getElementById("address").value);
          data.append('fComment', document.getElementById("comment").value);

          var xhr = new XMLHttpRequest();
          xhr.open('POST', 'test.php', true);
          xhr.onload = function () {
            if (xhr.status !== 200){
              // Server does not return HTTP 200 (OK) response.
              // Whatever you wanted to do when server responded with another code than 200 (OK)
              return; // return is important because the code below is NOT executed if the response is other than HTTP 200 (OK)
            }
            // Whatever you wanted to do when server responded with HTTP 200 (OK)
            // I've added a DIV with id of testdiv to show the result there
            document.getElementById("testdiv").innerHTML = this.responseText;
          };
          xhr.send(data);
      }

    </script>
</body>

Код PHP:

<?php

if ($_SERVER['REQUEST_METHOD'] === 'POST'){
    var_dump($_POST);
}else{
    header('HTTP/1.0 403 Forbidden');
}

?>

Чтобы добавить еще одно поле, добавьте еще одну функцию data.append под data var.
На кнопку отправки ДОЛЖНЫ БЫТЬ НАЖАТЫ. Чтобы разрешить использование ввода, добавьте для него прослушиватель событий! .
Как это выглядит на моей стороне: https://image.ibb.co/gfSHZK/image.png
Надеюсь, это именно тот ответ, который вам нужен.

Две проблемы:

1.) Params не отправляются должным образом / вообще из-за отсутствия сериализация. Когда вы используете тип содержимого формы, ваш объект params должен быть в определенном формате name=value&name2=value2. Итак, чтобы облегчить это, вам нужно преобразовать свой объект, используя что-то вроде:

function getReadyToSend(object) {
    var objList = [];
    for (var prop in object) {
        if (object.hasOwnProperty(prop)) {
            objList.push(encodeURI(prop + '=' + object[prop]));
        }
    }
    return objList.join("&");
}

Итак, ваша отправка становится: xhr.send(getReadyToSend(params));

2) Ваш php ожидает отправки кнопки отправки. if (isset($_POST['nameSubmit'])) { У вас нет отправляемой переменной с именем nameSubmit, вы можете исправить это, включив ее или проверив, что каждая переменная установлена ​​вместо нее. Я бы посоветовал последний способ обработать ошибку, если 1 или более не переданы.

Предложение: обновите загрузку, чтобы проверить статус:

if (xhr.status === 200)
{
    console.info(xhr.responseText);
}
else if (xhr.status !== 200)
{
    console.info('Request failed.  Returned status of ', xhr.status);
}

Пример скрипки: http://jsfiddle.net/qofrhemp/1/, откройте вкладку сети и проверьте вызов, теперь вы увидите параметры в данных формы для вызова, который запускается при нажатии кнопки submit.