passar duas variavéis para um PHP via ajax

[Kowalske 0]

Boa tarde, estou com um problema com o uso de uns scripts aqui. As questões são as seguintes:

 

Tenho uma página onde o usuário preenche alguns dados para efetuar a reserva de kits multimidia. Mas a seguinte situação ocorre: um determinado item já reservado não pode aparecer na listagem de disponíveis para reserva na data e horário preenchidos pelo usuario. Como eu verifico isso: quando o cara informar a data e o horário essas duas variáveis são passadas via AJAX para um script PHP que lista todos os disponíveis para aquela data e horario, em seguida preencho o combobox com o resultado.

 

Eu só sei pegar o horário e não consigo fazer o mesmo script pegar as duas. Como faço essa mágica.

 

Abaixo o código usado.

 

<script type="text/java script" language="Java Script">function dados (valor)	{		try			{				ajax = new ActiveXObject("Microsoft.XMLHTTP");			}		catch(e)			{				try					{						ajax = new ActiveXObject("Msxml2.XMLHTTP");					}				catch(ex)					{						try							{								ajax = new XMLHttpRequest();							}						catch(exc)							{								alert ("O seu browser não possui recursos para uso da tecnologia Ajax");								ajax = null;							}					}			}		if (ajax)			{				document.forms[0].objeto.options.length = 1;				idOpcao = document.getElementById("opcoes");				ajax.open("POST", "filtra-objetos.php", true);				ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");				ajax.onreadystatechange = function()					{						if (ajax.readyState == 1) {	}						if (ajax.readyState == 4 )							{								if (ajax.responseXML)									{										processXML(ajax.responseXML);									}							}					}				var params = "horario="+valor;				ajax.send(params);			}	}function processXML(obj)	{		var dataArray = obj.getElementsByTagName("objeto");		if(dataArray.length > 0)			{				for (var i = 0; i < dataArray.length; i++)					{						var item = dataArray[i];						var id = item.getElementsByTagName("id")[0].firstChild.nodeValue;						var descricao = item.getElementsByTagName("descricao")[0].firstChild.nodeValue;						var novo = document.createElement("option");						novo.setAttribute("id", "descricao");						novo.value = id;						novo.text = descricao;						document.forms[0].objeto.options.add(novo);					}			}	}</script>

A chamada para a função é a seguinte:

 

<select name="horario" class="FormInput" id="horario" style="width:200px" onchange="dados(this.value);">			  <option value="0"></option>

O link para acessar o script é:

 

http://www.unipac.br/raes/solicita-reserva.php

[Marcio Jorge 0]

Oál,

 

Faça as seguintes alterações:

 

- na parte de script:

 

function dados (valor,data) // ALTERAÇÃO AQUI
	{
		try
			{
				ajax = new ActiveXObject("Microsoft.XMLHTTP");
			}
		catch(e)
			{
				try
					{
						ajax = new ActiveXObject("Msxml2.XMLHTTP");
					}
				catch(ex)
					{
						try
							{
								ajax = new XMLHttpRequest();
							}
						catch(exc)
							{
								alert ("O seu browser não possui recursos para uso da tecnologia Ajax");
								ajax = null;
							}
					}
			}
		if (ajax)
			{
				document.forms[0].objeto.options.length = 1;
				idOpcao = document.getElementById("opcoes");
				ajax.open("POST", "filtra-objetos.php", true);
				ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
				ajax.onreadystatechange = function()
					{
						if (ajax.readyState == 1) {	}
						if (ajax.readyState == 4 )
							{
								if (ajax.responseXML)
									{
										processXML(ajax.responseXML);
									}
							}
					}
				var params = "horario="+valor+"&data="+data; // ALTERAÇÃO AQUI
				ajax.send(params);
			}
	}

- na parte do formulário:

 

<select name="horario" class="FormInput" id="horario" style="width:200px" onchange="dados(this.value,data.value);">

. Sendo que o nome do campo da data é 'data'