javascript - 需要在ajax上传递两个元素值

Question

我创建了一个程序来为用户进行预约。日期和时间这是两个不同的元素。我将时间动态保存到数据库中，用户可以选择日期和时间。现在我创建一个 Ajax 请求来匹配日期和时间!是否将其提供给任何人。

function Filter(str)
{
  var xmlhttp;    
  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","filter.php?id="+str,true);
  xmlhttp.send();
}

<input type="text" class="form-control hide_date" value="" id="appoint" name="appoint" placeholder="Date" readonly>

<select type="select" name="appoint_time" class="form-control appoint_time" id="time-app" onchange="Filter(this.value)">
  <option value="">Time</option>                                            
  
<?php 
$sql5 = mysqli_query($link, "SELECT `id` FROM `time_slots` where `status` = '1'");
$query =	mysqli_fetch_assoc($sql5);
$solt_id = $query['id'];
$sql6 = mysqli_query($link, "SELECT `time` FROM `time_picker` where `time_slot` = '$solt_id'");
while($row = mysqli_fetch_assoc($sql6))
{
?><option value="<?php echo $row['time']; ?>"><?php echo $row['time']; ?></option>
  <?php
}
?>
</select>

在此代码中，ajax 工作正常，但这仅将约会时间值发送到过滤页面。我还需要将约会日期值传递到过滤页面。每当我尝试它时，它都显示为空。请告诉我如何使用两个元素值在一个请求中传递。

谢谢。

enter image description here

Answer 1

当收到两个元素值时，此代码将起作用

function Filter(str)
{
var xmlhttp;
var date=document.getElementById("appoint").value;
if (date=="")
  {
	document.getElementById("txtHint").innerHTML="";
	return;
  }
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","filter.php?id="+str+"&date="+date,true);
xmlhttp.send();
}