Передача значений формы из javascript в wordpress

Question

Я знаю, что могу взять данные публикации из WordPress / PHP и передать их в JS, используя AJAX. Но можно ли сделать наоборот? т.е. создать прослушиватель событий JS в форме и передать значения обратно на сервер для выполнения с использованием функции PHP.

Answer 1

Да, безусловно. Вы в значительной степени сами ответили на вопрос. Вот код для начала.

document.querySelector(".whateverFormSubmit").click(function(e){
  e.preventDefault();
  let formInfo = document.querySelector("input1");
  let xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.querySelector("response").innerHTML = this.responseText;
    }
  };
  xhttp.open("POST", "ajax.php", true);
  xhttp.send('formInfo=' + formInfo);
})

Обратите внимание на preventDefault (), если вы не используете его, ваша форма будет отправлена ​​через тело HTTP, таким образом делая ваш AJAX бесполезным.

И вот вы go, вы разместили информацию из внешнего интерфейса в серверную, не обновляя страницу. Конечно, вы можете повозиться с отправкой JSON, но я все упростил.