jQuery: reload degli elementi iframe

Un iframe viene considerato da un browser come una pagina esterna quando il suo contenuto è semplice HTML. Per questo motivo nel DOM viene creato un nuovo documento HTML che a tutti gli effetti si comporta come qualsiasi altro documento. Ma come possiamo aggiornare il contenuto di questo elemento, per esempio se volessimo riconteggiare il numero di tweet di un bottone di Twitter? Con jQuery.

Il codice jQuery è semplicissimo:


$('iframe').attr('src', $('iframe').attr('src'));

In pratica resettiamo il valore dell'attributo src dell'elemento iframe, costringendo il browser ad effettuare una nuova richiesta GET per il valore di tale attributo utilizzando il valore corrente.

Questo fa si che il browser sia costretto a visualizzare il contenuto aggiornato anche senza ricaricare la pagina in cui si trova l'elemento iframe.