将 js 变量发布到未以任何方法运行的 PHP

Question

在我的 JS 代码中，我在一个 html 页面上输入 3 个输入并将它们保存到本地存储中。然后我想将这些变量发送到 php 以便将它们保存到我的数据库中。无论我多么努力地尝试没有使用 ajax、jquery 等的教程，我都可以在我的 php 代码中成功地从 javascript 发布和回显变量。我看不出为什么我下面的代码没有回显变量，但事实并非如此。

完整代码：https://codeshare.io/ayvK9e

精确的 PHP 元素（现在只是尝试发送普通变量，因为它仍然无法正常工作”

PHP：

foreach($_POST as $post_var){
echo($post_var);
}

JS：

const xhr = new XMLHttpRequest();
xhr.onload = function(){
    const serverResponse = document.getElementById("serverResponse");
    serverResponse.innerHTML = this.responseText
};

xhr.open("POST", "eDBase.php");
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("name=dominic&message=bumbaclaat");

Answer 1

如果 $post 不起作用，请尝试使用 input php $data = json_decode(file_get_contents('php://input'), true);

Answer 2

当使用输入调用我的函数时 onclick=showFunction;我没有向函数传递任何内容。为了让我的值在 php 中得到回显，我必须将参数传递给函数 onclick=function('text or variable'); IDK 我怎么错过了。

Answer 3

尝试使用FormData()

 let form = new FormData();
 form.append('name', 'dominic');
 form.append('message', 'bumbaclaat');

 const xhr = new XMLHttpRequest();

 xhr.open("POST", "eDBase.php");
 xhr.onreadystatechange = function(){

    if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
       const serverResponse = document.getElementById("serverResponse");
       serverResponse.innerHTML = this.responseText;
     }
    else console.log('error')
 };

 xhr.send(form);

注释掉 setRequestHeader 来测试一下。

在 PHP 中

if(isset($_POST['name'])){
  echo $_POST['name'];
  echo $_POST['message'];
}
else{
 echo 'There was a problem';
}