HTML表单：打印php结果_Php_Html_Ajax

HTML表单：打印php结果

php html ajax

HTML表单：打印php结果,php,html,ajax,Php,Html,Ajax,我试图创建一个表单，显示从数据库获取的表。我将遵循w3school提供的关于AJAX的教程，并给出我的示例：我有一个php文件，它打印一个表作为数据库请求的结果，其中包含两个变量x和y。如果我输入我最喜欢的导航器：localhost/list.php？x=0&y=0，它会打印一个漂亮的表。。。但是我想要的是通过我写的一个表单来获得x和y，就像在turorial a index.html文件中一样： <!DOCTYPE html> <html> <head>

我试图创建一个表单，显示从数据库获取的表。我将遵循w3school提供的关于AJAX的教程，并给出我的示例：

我有一个php文件，它打印一个表作为数据库请求的结果，其中包含两个变量x和y。如果我输入我最喜欢的导航器：localhost/list.php？x=0&y=0，它会打印一个漂亮的表。。。但是我想要的是通过我写的一个表单来获得x和y，就像在turorial a index.html文件中一样：

<!DOCTYPE html>
<html>
<head>

<script>
function loadList() {
  var xhttp;    
  var x = document.getElementById("x").value;
  var y = document.getElementById("y").value;
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("table").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "list.php?x="+x+"&y="+y, true);
  xhttp.send();
}
</script>

</head>
<body>

<form action="">
    <input type="text" id="x"> <br> 
    <input type="text" id="y"> <br>
    <input type="button" value="Find" onclick="loadList()">
</form>

<div id="table"> </div>

</body>
</html>


函数loadList（）{
var-xhttp；
var x=document.getElementById（“x”）.value；
var y=document.getElementById（“y”）.value；
xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
如果（xhttp.readyState==4&&xhttp.status==200）{
document.getElementById（“表”）.innerHTML=xhttp.responseText；
}
};
xhttp.open（“GET”、“list.php？x=“+x+”&y=“+y，true”）；
xhttp.send（）；
}

我希望我的表单在表单后面的div=“table”中写入list.php文件的结果（例如，当x=0和y=0时）！但是它不起作用，我无法解决我的问题

提前感谢您的帮助

您的list.php代码是什么？Print_r（$_REQUEST）？？？你能说得更清楚一点吗，你到底想要什么？@user5697101:list.php的代码使用$\u GET方法，它作为一个独立的文件可以很好地工作（没有html标记等），它只是一个在我的计算机上可以很好地工作的脚本。你能在你的计算机上执行php脚本吗？如果你在Chrome中检查你的html表单（使用F12），您看到任何错误了吗？list.php的代码是什么？Print_r（$_REQUEST）；？您能说得更清楚一点，您到底想要什么吗？@user5697101:list.php的代码使用$_GET方法，它作为一个独立文件运行良好（没有html标记等，这只是一个在我的计算机上运行良好的例子。你能在你的计算机上执行PHP脚本吗？如果你在Chrome中检查你的html表单（使用F12），你看到任何错误吗？