Aggiornare div senza refresh della pagina

[Joisberg]

Salve a tutti,
ho un problema con il mio sito.. Mi sono imbattuto nella home del sito che mostra tutte le voci del database mediante una query mysql con PHP

<div id='post'>
$query = mysql_query("SELECT * FROM post ORDER BY id DESC");
       while($row = mysql_fetch_array($query)){
            echo $query['post'];
            }
</div> 

Però se un utente aggiunge un post per poterlo visualizzare bisogna aggiornare la pagina... Ho letto che bisogna usare AJAX ma non me ne intendo... chi mi può aiutare (Anche JavaScript può andar bene).

Grazie in anticipo

[cavicchiandrea]

Forse l'approccio più rapido è usare jquery (22 sezione ajax)

[Joisberg]

Non mi potresti postare una piccola bozza del codice ajax o javascript?

[lomba91]

ajax fa parte del javascript e ti permette di richiedere dati al server direttamente dal tuo script js.
Dovresti fare una cosa del genere:

function ajaxHandler() { 
var xmlHttp;
try { xmlHttp=new XMLHttpRequest(); }
catch (e)
{ try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }
catch (e)
{ try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }
catch (e)
{ window.alert("Your browser does not support AJAX!");
return;
}
}
}
xmlHttp.open("GET","pagina.php",true);
xmlHttp.onreadystatechange = useHttpResponse;
xmlHttp.send(null);
function useHttpResponse() { 
if(xmlHttp.readyState == 4)
//qui devi elaborare i dati ricevuti che vengono salvati nella variabile xmlHttp
// con questo metodo "xmlHttp.responseText" ottieni i dati come testo.
}
}

Ovviamente il file pagina.php deve fare la query e restituire una variabile contenente i dati del risultato.
La prima parte della funzione ajaxHandler() serve a scegliere il tipo di chiamata in base al browser in uso.

Se qualcuno ha da aggiungere qualche correzione lo faccia pure.
Ti rimando a questa pagina dove trovi un esempio adatto al tuo caso.
http://www.w3schools.com/Php/php_ajax_database.asp

[Joisberg]

oooooooh finalmente ti ringrazio tantissimo ciao