将表单值从 javascript 传递到 wordpress

Question

我知道我可以从 WordPress / PHP 获取发布数据并使用 AJAX 将其传递到 JS。但是有可能反过来做吗？即在表单上创建一个 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 无效。

就这样，您在不刷新页面的情况下将信息从前端发布到后端。当然，您可以随意发送 JSON，但我尽量保持简单。