Как получить данные из HTML инпута, и передать их в php скрипт в виде переменной?

Question

[Vitaly]

Существует инпут, в него вводится ид группы вк, и есть кнопка по клику на которую открывается запрос разрешений на эту группу. Вопрос вот в чем, как мне еще одновременно с этим запросом передать и значение поля в php ( из html )? Подскажите, пж)

Answer 1

[TonyStark1337]

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

Answer 2

[MaximMRX]

<form onsubmit="postQuery($(this), event, 'nameCtrl'); return false;" action="/auth" method="POST">
   <input type="text" name="idUser" placeholder="Введите ID юзера" autocomplete="off" required="">
  <button class="btn-primary">Войти</button>
</form>

requestSent = false; // флаг что бы нельзя было отправить повторный запрос на сервер.

function postQuery(form, event, action){
  var 
    url = form.attr('action'),
    data = form.serialize();
  if(!requestSent) {
    requestSent = true;
    $.ajax({
      type: "POST",
      async: true,
      url: url,
      cache: false,
      data: data+'&action='+action,
      success: function(data){
        // что-то делаем если всё выполнилось
      alert(data);
      },
      complete: function() {
        requestSent = false;
        // что-то делаем после завершения AJAX запроса
      }
    });
  }
}

Данные на сервере таким способом можно получить

<?php
if (isset($_POST["action"]) ) {
 if($_POST["action"] == "nameCtrl"){
    echo "ID пользователя: " . $_POST["idUser"] . "<br/>";
 }
}
?>

Comments

[Div-Man]

Я попробовал ваш код и у меня он не работает, поместил всё в файл php, jquery подключил, при отправке выдаёт ошибку Cannot set property 'innerHTML' of null

[MaximMRX]

Div-Man: Поправил код. JQ обязательно. 3 параметр функции postQuery нужен что бы отличать POST запрос на сервере по заголовку Action