Aggiornare risultato query con AJAX/JQUERY

[ysoolder]

Salve a tutti. Avendo risolto il problema dell'invio della query senza aggiornare la pagina, ho il problema che quando invio la query la pagina non si aggiorna, ma se ad esempio la query deve stampare un risultato con scritto "aggiornato" non lo visualizza se non prima aggiorno la pagina. vi faccio un esempio

1) Scrivo nella textarea il messaggio "ciao".
2) Premo il tasto "invia" per inviare il messaggio "ciao" al database.
3) Il messaggio "ciao" viene correttamente inviato al database con la query e la pagina non si aggiorna.
4) Si dovrebbe visualizzare "ciao", ma non lo fa se prima non aggiorno la pagina.

Non so se sono stato chiaro, ora vi posto le pagine.

user.php

<td><textarea id="add_desc" name="add_desc"></textarea></td>
<tr><td></td>
<td style="font-family: verdana; font-size: 12px;">

<input id="pulsante" onclick="vota(); return false;" style="border: none !important; background: transparent;" type="button" name="add_descr" value="Descrivi immagine" /> 

</td>

<?php

}

$desc = mysql_real_escape_string($_POST['add_desc']);

?>

<td></td><tr><tr><tr><tr><tr><tr><tr><td></td>

<td id="perc" name="perc"><?php echo $descrizione; ?></td>

<script type="text/javascript">

function vota(){
desc = document.getElementById("add_desc").value;
$.ajax({
type: "POST",
url: "/query/query_user.php",
data: "add_desc=" + desc,   
});
}
</script>

/query/query_user.php

    $mio_utente = addslashes($_SESSION['username']); 


    $add_descrizione = addslashes($_POST['add_desc']);
    
   mysql_query("UPDATE users SET descrizione_img = '".addslashes($add_descrizione)."' WHERE username = '".addslashes($mio_utente)." ' "); 

Come faccio ad aggiornare il messaggio che ho scritto nella textarea senza aggiornare la pagina? Ho seguito molte guide con document.load("#perc"); ma niente.

[javascripter]

Vuoi aggiornare il contenuto del tag <td id="perc" ...> con il contenuto appena inviato?
jQuery ha alcuni callback in caso di successo/insuccesso della richiesta effettuata, puoi sfruttarli per impostare il contenuto o puoi impostarlo a prescindere (al di fuori della richiesta asincrona).

Per esempio:

function vota(){
desc = document.getElementById("add_desc").value;
$.ajax({
type: "POST",
url: "/query/query_user.php",
data: "add_desc=" + desc,
success: function(data) {
   $("#perc").text(desc);
}
});
}

Comunque dato che ha più che fare con javascript che php, sposto nella sezione più appropriata.

[ysoolder]

Grazie @javascripter per la risposta. Mi è stata d'aiuto

[ysoolder]

Mi sorge un'altra domanda. Come faccio ad aggiornare un pulsante?

[alemoppo]

Puoi prelevarlo tramite id e modificargli le varie proprietà. Esempio:

document.getElementById("pulsante").value="votato";

Visto che hai incluso jQuery, puoi benissimo farlo anche tramite quel framework nello stesso modo.

Ciao!

[ysoolder]

Si, però io non capisco molto di Jquery o Ajax. La pagina user.php deve inviare i "Mi piace" al database

<div style="position:Absolute; left: 0px; top: 300px;">
<?php
    if(mysql_num_rows(mysql_query("SELECT * FROM mipiace_foto WHERE utente = '$my_username' AND profilo = '$username'")) == 0){
?>

<table>
<td id="like" style="font-family: verdana; color: blue; width: 220px;"><p align="center"><input onclick="likeb(); return false;" id="like_b" type="button" name="like" value="Mi piace la foto"></p></td>
<tr>
<td style="font-family: verdana; color: blue; width: 220px;"><p align="left"><?php echo $num_like; ?></p></td>
<tr>

</table>

<?php
} elseif(mysql_num_rows(mysql_query("SELECT * FROM mipiace_foto WHERE utente = '$my_username' AND profilo = '$username'")) == 1){
?>
    <table>

<td id="unlike" style="font-family: verdana; color: blue; width: 220px;"><p align="center"><input onclick="unlike(); return false;" id="unlike_b" type="button" name="unlike" value="Non piace la foto"></p></td>
<tr>
<td style="font-family: verdana; color: blue; width: 220px;"><p align="left"><?php echo $num_like; ?></p></td>
<tr>

</table>

<script type="text/javascript">

function likeb(){
document.getElementById("pulsante").value="votato";
$.ajax({
type: "POST",
url: "/query/query_user.php",
data: "like=" + like,
success: function(data) {
   $("#like").text(desc);
}
});
}
</script>



<?php
}

e le query da eseguire le ho messe nella pagina /query/query_user.php

mysql_query("INSERT INTO mipiace_foto (utente, profilo, foto, data) VALUES ('$my_username','$username','$id','$data')") or die(mysql_error());

mysql_query("DELETE FROM mipiace_foto WHERE utente = '$my_username' AND profilo = '$username'") or die(mysql_error()); 

quindi penso che nella riga

data: "like=" + like, 

dovrei inviare $my_username, $username, $id e $data al database. Come posso fare?

[alemoppo]

Dalla documentazione:

The data option can contain either a query string of the form key1=value1&key2=value2, or an object of the form {key1: 'value1', key2: 'value2'}. If the latter form is used, the data is converted into a query string using jQuery.param() before it is sent.

Ciao!

[ysoolder]

Ancora niente da fare, sono troppo confuso