Boa noite.
Gostaria que me ajudassem num problema.Tenho uma página que possui includes e dentro dessa página criei um cadastro em PHP/AJAX.
O cadastro funciona ok, perfeitamente. Mas eu gostaria q dentro dessa página de cadastro a tabela de registros fosse atualizada conforme figura.
O problema ocorre que quando é feito o cadastro <div "resultados"> recarrega a pagina inteira dentro.
Gostaria que me ajudassem a solucionar esse problema de modo que apenas a tabela abaixo onde estao as notas fosse atualizada sem tem q carregar a pagina toda.
Segue codigo aonde estão as DIVs
<div id=\"geral\"> <form id=\"frm\"> <table border=\"1\" width=\"350\" cellpadding=\"3\" style=\"border-collapse: collapse\" bordercolor=\"#FFFFFF\" bgcolor=\"#F7F7F7\"> <tr> <td> <font face=\"verdana\" size=\"1\">Avaliação:</font></td> <td><input type=\"text\" name=\"av\" id=\"av\"> <input type=\"hidden\" name=\"nomdis\" value=\"$nomdis\" id=\"nomdis\"> <input type=\"hidden\" name=\"matriculaaluno\" value=\"$matriculaaluno\" id=\"matriculaaluno\"> <input type=\"button\" value=\"Registrar\" onclick=\"cadastra();\"></td> </tr> </table> </form> </div> <div id=\"resultados\"><b> <table id=\"tb\" width='100px' cellpadding='2' cellspacing='2' bgcolor='#F7F7F7'>"; $rs = mysql_query("select * from notas WHERE codigocurso = '$parte[0]' and codigodisciplina = '$parte[1]' and matriculaaluno = '$matriculaaluno'"); echo "<tr><td><font face='verdana' size='2'><b>Notas</b></font></td></tr>\n"; while (list($matriculaaluno, $codigocurso, $codigodisciplina, $nota) = mysql_fetch_row($rs)) { echo "<tr><td><font face='verdana' size='2'>$nota</font></td></tr>\n"; } echo "</table></b></div>";
Segue o código AJAX
function getXmlHttp() { var xmlhttp; try { xmlhttp = new XMLHttpRequest(); } catch (ee) { try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } } return xmlhttp; } var request = getXmlHttp(); function cadastra() { var av = document.getElementById('av').value; var nomdis = document.getElementById('nomdis').value; var matriculaaluno = document.getElementById('matriculaaluno').value; var url = "?area=PostarNotas&nomdis="+nomdis+"&av="+av+"&matriculaaluno="+matriculaaluno; request.open('GET', url, true); request.send(null); request.onreadystatechange = statusAlterado; } function statusAlterado() { if (request.readyState == 4) { document.getElementById("resultados").innerHTML = request.responseText; } }
Como posso corrigir esse problema?
Desde já agradeço a todos pela ajuda.
Abraços
Edição feita por: Deyvidy Mateus, 08/09/2009, 23:02.