Javascript 基于页面多链接链接文本的Ajax mysql查询

我在一个页面上有一些链接。当用户单击链接时，它使用mysql查询WHERE子句中链接的文本，并使用ajax将结果返回到页面

我需要多个ID或类来运行不同的查询。我尝试了使用多个ID的querySelectorAll，也尝试了使用多个类的getElementsByClassName，但是查询在WHERE子句中返回了这两个类的未定义

不过，我可以使用getElementById在一个链接上运行它

我做错了什么

Html:

querySelectorAll将返回一个节点数组。要使用每个节点的值，需要像这样迭代数组

var arr_spquery = document.querySelectorAll('#spquery,#spquery1');
var spquery = '', sep='';
for(var i=0,len=arr_spquery.length; i<len; i++) {
spquery += sep + arr_spquery[i].innerHTML;
sep = ',';
}
console.log(spquery);  /* optional - to log the value */

var queryString = "?spquery=" + spquery ;
ajaxRequest.open("GET", "/the-bootstrap/ajax-ped.php" + queryString, true);
ajaxRequest.send(null);

然后在php脚本的服务器端，您可以根据需要使用字符串：

<script languspquery="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){
 var ajaxRequest; 

 try{
   // Opera 8.0+, Firefox, Safari
   ajaxRequest = new XMLHttpRequest();
 }catch (e){
   // Internet Explorer Browsers
   try{
      ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
   }catch (e) {
      try{
     ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
  }catch (e){
     // Something went wrong
     alert("Your browser broke!");
         return false;
      }
   }
 }

 ajaxRequest.onreadystatechange = function(){
   if(ajaxRequest.readyState == 4){
      var ajaxDisplay = document.getElementById('ajaxDiv');
      ajaxDisplay.innerHTML = ajaxRequest.responseText;
   }
 }
// below you can see I'm using querySelectorAll with multiple ids
 var spquery = document.querySelectorAll('#spquery, #spquery1').text;
 var queryString = "?spquery=" + spquery ;
 ajaxRequest.open("GET", "/the-bootstrap/ajax-ped.php" + queryString, true);
 ajaxRequest.send(null); 
}
//-->
</script>

$spquery = $_GET['spquery'];
$query = "SELECT * from people";
$query .= " WHERE personname = '$spquery'";

var arr_spquery = document.querySelectorAll('#spquery,#spquery1');
var spquery = '', sep='';
for(var i=0,len=arr_spquery.length; i<len; i++) {
spquery += sep + arr_spquery[i].innerHTML;
sep = ',';
}
console.log(spquery);  /* optional - to log the value */

var queryString = "?spquery=" + spquery ;
ajaxRequest.open("GET", "/the-bootstrap/ajax-ped.php" + queryString, true);
ajaxRequest.send(null);