Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Então, para consultas estáticas estou usando o seguinte:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
function atualizaDadoss() {
$("#exibeDados").load('pesquisa.php');
}
</script>
Porém, agora eu preciso de algo um pouco mais dinâmico, preciso enviar pra essa página "pesquisa.php" o valor de dois inputs que estão na página principal.
Não sei nada de Jquery, alguém pode me ajudar?
No código acima, eu carrego a pesquisa (com a query definida na "pesquisa.php") a div "exibedados" na página principal...
ENtão, eu coloquei um página html para fazer isso...
Mas se eu quiser por na mesma página é possível?
index.html
$('button').click(function()
{
var valor1 = $('input1').val(),
valor2 = $('input2').val();
$("#exibeDados").load('pesquisa.php?criterio1='+valor1+'&criterio2='+valor2);
}
);
pesquisa.php
<?php
$criterio1 = $_GET['criterio1'];
$criterio2 = $_GET['criterio2'];
//... continua
Que tal usar um formulário HTML para a pesquisa? Se quiser algo mais dinâmico e com funcionamento automático, sem que alguém tenha que digitar dados num formulário, pesquise por Ajax com jQuery no google que você vai encontrar a solução que precisa.
Vale dizer que o método .load() do jQuery é bastante ruim, pra ser sincero. Lento e raramente atende às nossas necessidades. Prefira Ajax ou um simples formulário HTML.