Question

我试图通过AJAX将表单中的值传递到我的SQL查询文件（findme.php）我能够按照W3school的例子，但他们的AJAX脚本只传递1个值。有没有办法可以传递多个值？

<form name="search" method="post" action="">
Name: <input type="text" name="findName"/>
Location: <input type="text" name="findLocation"/>
Price: <input type="text" name="findPrice"/>
<Select NAME="123">
<Option type="checkbox" value="">
<Option type="checkbox" value="=">Equal
<Option type="checkbox" value="<">Less than
<Option type="checkbox" value=">">More than
</select>

<input onclick="showUser(); return false;" type="submit" name="search" value="Search"/>
</form>
<div id="txtHint">Info will be listed here.</div>


<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("GET","findme.php?q="+str,true);
  xmlhttp.send();
}
</script>

在我的（findme.php）脚本中，我曾经有过以下的分配器。我希望我仍然可以将值传递给相应的变量。

$findName = $_POST['findName'];
$findLocation = $_POST['findLocation'];
$findPrice = $_POST['findPrice'];
$options = $_POST['123'];

知道如何做到这一点？

Answer 1

您必须使用send（）调用发送POST请求的正文参数：

var params = "name=value&name1=value1";
xmlhttp.send(params);

您的参数需要进行URI编码，以避免与＆＃34;＆amp;＆＃34;和其他保留字符

并且不要忘记将您的请求类型更改为POST而不是GET

Answer 2

如果你想做一个表格POST（你在服务器上使用$ _POST数组），你可以这样做 -

var myForm = document.getElementById('<form id>'); // add an id to the form and use it here
var formData = new FormData(myForm);
xmlhttp.open("POST","findme.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(formData);

通过AJAX从表单传递多个值

2 个答案: