<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(function($) {
$("#enviar").click(function() {
$.post("?pg=teste",$("#form1").serialize(), function(data) {
if(data != false) {
$("#dados").html(data);
});
});
});
</script>
<?php
$sql_pegar_dados = mysql_query('SELECT * FROM teste');
$pagina .= '<div id="dados" style="display: none;">';
$pagina .= '</div>';
$pagina .= '<table>';
$pagina .= '<tr>';
$pagina .= '<td>valor1<td>';
$pagina .= '<td>valor2<td>';
$pagina .= '<td>valor3<td>';
$pagina .= '<td>valor4<td>';
$pagina .= '</tr>';
while($fet_pegar_dados = mysql_fetch_array($sql_pegar_dados))
{
$pagina .= '<tr>';
$pagina .= '<td>'.$fet_pegar_dados['valor1'].'</td>';
$pagina .= '<td>'.$fet_pegar_dados['valor2'].'</td>';
$pagina .= '<td>'.$fet_pegar_dados['valor3'].'</td>';
$pagina .= '<td>'.$fet_pegar_dados['valor4'].'</td>';
$pagina .= '</tr>';
}
$pagina .= '<form id="form1" action="javascript: void(0);">';
$pagina .= 'valor1: <input type="text" name="valor1">';
$pagina .= 'valor2: <input type="text" name="valor2">';
$pagina .= 'valor3: <input type="text" name="valor3">';
$pagina .= 'valor4: <input type="text" name="valor4">';
$pagina .= '<input type="submit" id="enviar" value="Enviar">';
$pagina .= '</form>';
echo $pagina;
if($_GET['pg'] == "teste")
{
$valor1 = $_POST['valor1'];
$valor2 = $_POST['valor2'];
$valor3 = $_POST['valor3'];
$valor4 = $_POST['valor4'];
$sql_adc_db = mysql_query('
INSERT INTO teste
(
valor1,
valor2,
valor3,
valor4
)
VALUES
(
"'.$valor1.'",
"'.$valor2.'",
"'.$valor3.'",
"'.$valor4.'"
)
') or die (mysql_error());
if($sql_adc_db == "TRUE")
{
echo '<script>';
echo 'alert("Valor adicionado com sucesso!")';
echo '</script>';
}
}
?>O que eu deveria fazer para que o jQuery recarregasse o while() que está puxando os itens da database toda vez que eu adicionar um novo item?
Aguardo uma resposta.
Abraços,
bigCheat.
