[AJAX] Cambiare immagine captcha

[Alhazred]

Per un mio sito ho realizzato uno script in php che genera un captcha, per fare in modo che l'utente possa cambiarlo in caso non sia leggibile ho inserito un pulsante, ma questo al momento fa semplicemente il refresh dell'intera pagina.

Io vorrei fare in modo invece che avvenisse una cosa di questo tipo al click del pulsante:
- viene inviata una richiesta alla pagina php contenente lo script per la generazione dell'immagine captcha
- nella pagina visualizzata cambia solo l'immagine, inserendo quella nuova generata dallo script

Premesso che sono agli inizi con AJAX, ci sto provando ma non ci riesco.
Il pulsante è così

<input type="button" name="invia" value="Cambia codice" onclick="changeCode()" /> 

L'immagine si trova in una cella di una tabella ed è così impostata

[img]captcha.php[/img] 

Per quanto riguarda la funzione, all'inizio, avevo provato semplicemente a richiamare l'attributo src in questo modo

document.getElementById("code").src = 'captcha.php'; 

oppure a mettere un div contenente l'immagine, in questo modo

<div id="code">
[img]captcha.php[/img]
<div> 

e cambiare l'innerHTML del div riscrivendo completamente il tag <img> in questo modo

document.getElementById("code").innerHTML = '[img]captcha.php[/img]'; 

Ovviamente non ha funzionato nessuna delle due soluzioni, altrimenti non sarei qui.

Qual è il modo corretto per fare ciò che vorrei?

[sandro010489]

Prova così

document.getElementById("code").src = 'captcha.php?' + Math.floor(Math.random()*100); 

[Alhazred]

Grazie, così ha funzionato, ma per quale motivo?
Cosa accade mettendo quel numero casuale appeso alla chiamata della pagina contenente lo script?

[sandro010489]

La funzione Math.floor(Math.random()*100) genera un numero casuale da 0 (se non sbaglio) a 99 (sicuro ). In questo modo, cambiando l'indirizzo, il browser "capisce" che è una nuova richiesta, perchè il caricare delle immagini sono solo richieste fatte tramite GET. Puoi mettere quello che vuoi frasi, numeri, parole. L'importante è che quando imposti l'attributo "src"
l'indirizzo deve essere diverso da quello corrente, altrimenti non lo cambia.

Se hai firebug, quando aggiorni l'immagine, dai uno sguardo al pannello "NET"

[Alhazred]

Tutto chiaro, grazie mille