Question

我正在为我的项目开发ajax页面。在这个页面中，我想发送一个带有多个url参数的ajax请求。我想从html文本框中获取此url参数。当我直接使用代码传递参数时，它工作正常。但是当我从HTML文本框中调用参数时，它无法正常工作。

这是我的代码

<!DOCTYPE html>
<html>
<head>

<script>
function loadXMLDoc()
{
var xmlhttp;
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("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
 // xmlhttp.open("GET","portal.php?searccategory=Birdid&searchValue=2",true);
xmlhttp.open("GET","portal.php?searccategory="+searccategory+"&searchValue="+searchValue,true);

xmlhttp.send();
}
</script>
</head>
<body>


        <select name="searccategory1" >
                                    <option value="Species">Species</option>
                                    <option value="Birdid">ID</option>
                                    <option value="Age">Age</option>
                                    <option value="Sex">Sex</option>
                                    <option value="Location">Location</option>
                                    <option value="all">all</option>
                                </select>
         <input type="text" id="searccategory" required>
         <input type="text" id="searchValue" required>


<button type="button" onclick="loadXMLDoc()">Change Content</button>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>


</body>
</html>

Answer 1

请查看它是否对您有所帮助，searccategory和searchValue返回DOM元素。如果您想获得该值，请使用searccategory.value和searchValue.value。或document.getElementById("searccategory").value和document.getElementById("searchValue").value

xmlhttp.open("GET","portal.php?searccategory="+searccategory.value+"&searchValue="+searchValue.value,true);

或

xmlhttp.open("GET","portal.php?searccategory="+document.getElementById("searccategory").value+"&searchValue="+document.getElementById("searchValue").value,true);

使用ajax get请求发送多个URL参数

1 个答案: