Javascript 使用对PHP文件的AJAX请求单击表单按钮时返回值_Javascript_Php_Ajax

Javascript 使用对PHP文件的AJAX请求单击表单按钮时返回值

javascript php ajax

Javascript 使用对PHP文件的AJAX请求单击表单按钮时返回值,javascript,php,ajax,Javascript,Php,Ajax,如果我点击提交按钮，系统将显示选项和按钮值。下面是我的代码，请帮忙。我尝试了很多方法，但仍然有一个问题 <!DOCTYPE html> <html> <head> <script> function showUser(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpReq

如果我点击提交按钮，系统将显示选项和按钮值。下面是我的代码，请帮忙。我尝试了很多方法，但仍然有一个问题

<!DOCTYPE html>
<html>
<head>
<script>
function showUser(str) {
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  } 
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST","getuser.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<form>
<select name="users">
<option value="">Select a person:</option>
<option value="1">Person1</option>
<option value="2">Person2</option>
<option value="3">Person3</option>
<option value="4">Person4</option>
</select>
<input name="usersa" type="button" onClick="showUser(this.value)" value="button">
</form>
<br>
<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html>


函数showUser（str）{
如果（str==“”）{
document.getElementById（“txtHint”）.innerHTML=“”；
返回；
} 
if（window.XMLHttpRequest）{
//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}else{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4&&xmlhttp.status==200）{
document.getElementById（“txtHint”）.innerHTML=xmlhttp.responseText；
}
}
open（“POST”，“getuser.php？q=“+str，true”）；
xmlhttp.send（）；
}
选择一个人：
人1
人2
人3
人4


此处将列出人员信息。

getuser.php如下所示。这将返回上述编码的值

    <?php
$q = $_GET['users'];
echo "test:" .$q;
?>

浏览器控制台中是否有任何错误在脚本中，您正在发送一个参数

，但在PHP中，您正在尝试读取

用户

，因此要么将所选用户值发送到PHP文件

xmlhttp.open（“POST”，“getuser.PHP？q=“+str+&users=”+document.forms[0]。users.value，true）你好。我仍然面临着上面的编码错误。请协助您的浏览器控制台在您的脚本中出现任何错误，您正在发送一个参数q
，但在您的PHP中，您正在尝试读取users
，因此可以将所选用户值发送到PHP文件xmlhttp.open（“POST”，“getuser.PHP？q=“+str+”&users=”+document.forms[0].users.value，true）你好。我仍然面临着上面的编码错误。请协助