Galera, peço ajuda de voces...
Dentro do corpo do meu artigo tem um form para consulta a BD mySql. O meu template está configurado para receber conteúdo na div central, mas não estou sabendo como carregar a página trazida pelo response.text do ajax.
O submit do meu form chama abrirPag1('TESTE1.php'). Coloquei este código de função também no corpo do artigo:
<script type="text/javascript">
function abrirPag1(valor) {
var url = valor
var ajax = new XMLHttpRequest();
var conv = document.getElementById("slcConv");
var financ = document.getElementById("slcFinanc");
var frmContr = document.getElementById("slcFrmContr");
var prazo = document.getElementById("slcPrazo");
ajax.open("POST","url?$slcConv="+conv+"$slcFinanc="+financ+
"$slcFrmContr="+frmContr+ "$slcPrazo="+prazo);
ajax.onreadystatechange = function() {
document.getElementById('conteudo').innerHTML = ajax.responseText;
alert ("DEU CERTO");
}
ajax.send(null);
}
Trecho de código do arquivo TESTE1.php, que recebe os parâmetros passados pelo objeto:
<?php
$conv = $_POST["slcConv"];
$financ = $_POST["slcFinanc"];
$frmContr = $_POST["slcFrmContr"];
$prazo = $_POST["slcPrazo"];
echo $financ;
echo $frmContr;
echo $prazo;
?>
Ele dispara o "DEU CERTO", mas em vez de carregar a página, retorna ao conteúdo inicial da home dentro da div central. O que está errado ? Onde eu devo definir a div conteudo ?
Outra coisa: se eu utilizo a condicional if(ajax.readyState == 4 && ajax.status == 200) ele só retorna a home, sem o alert.
Grato