Estou a começar a entrar no jQuery só que eu preciso no meu site que uma pessoa escreva uma opinião e ela apareça logo abaixo sem ter de fazer atualizar pagina. queria que uma pessoa ao inserir qualquer coisa na base dados esse conteúdo aparece-se logo na pagina sem ter de atualizar.
Preciso de algumas luzes de como fazer isso.
Codigo que estou a utilizar
JS
$(function () {
$(".submit_button").click(function () {
var textcontent = $("#comentario").val();
var dataString = 'id_estabelecimento=<?php echo $row->id; ?>&user_id=<?php echo $_SESSION['
user_id '] ?>&opiniao=' + textcontent;
if (textcontent == '') {
alert("Por favor escreva um comentário..");
$("#comentario").focus();
} else {
$("#flash").show();
$("#flash").fadeIn(400).html('<span class="load">Aguarde por favor..</span>');
$.ajax({
type: "POST",
url: "ajax/adicionar_comentario.php",
data: dataString,
cache: true,
success: function (html) {
$("#show").after(html);
document.getElementById('comentario').value = '';
$("#flash").hide();
$("#comentario").focus();
}
});
}
return false;
});
});
HTML
<form method="post" name="form" action="">
<input type="hidden" name="valida" id="valida" value="ok" />
<table border="0" bgcolor="#E9EAED" style="margin:0px 0px 30px 0px;" width="100%" cellpadding="0" cellspacing="0">
<?php if($_SESSION[ 'FBID'] || $_SESSION[ 'user_id']){ ?>
<tr>
<td valign="top">
<div id="flash" align="left"></div>
<div id="show" align="left"></div>
</td>
</tr>
<tr>
<td valign="top" width="7%">
<div style="padding:15px 5px 5px 20px;">
<img width="33" height="33" src="<?php echo $_SESSION['user_foto'] ?>" />
</div>
</td>
<td valign="top" width="93%">
<div style="padding:15px 20px 15px 5px;">
<input type="text" style="width:100%; height:33px;" placeholder="Escreve um comentário..." id="comentario" name="comentario" value="">
</div>
<input type="submit" id="submit" style="display:none;" class="submit_button">
</td>
</tr>
Codigo php do ficheiro adiconar_comentario.php
session_start();
require_once("../gtm/bd/funcoes.php");
ligarBd();
mysql_query("INSERT INTO comentarios (user_id, post_id, comentario, data) VALUES('".$_REQUEST['user_id']."', '".$_REQUEST['id_estabelecimento']."', '".$_REQUEST['opiniao']."', now())");