Ricaricare in modo asincrono un div: ajax o load?

[mangusta91]

Salve a tutti, premetto che di javascript/ajax/jquery non ne so NIENTE

Ho fatto una ricerca fra i vecchi thread ma non ho trovato quello che cercavo, spero di essere più fortunato stavolta..

Ho una banale pagina html con un div che contiene un elenco. Le voci di questo elenco vengono "prese" da una tabella di un DB. Vorrei sapere se è possibile ricaricare soltanto questo div (aggiornandone il contenuto, qualora venissero aggiunti record) ogni, ad esempio, 2 minuti.
Curiosando sui vecchi thread un utente ha menzionato la funzione load() di jquery per ricaricare parte di una pagina, ma dal momento che sono totalmente negato non so dove orientarmi per iniziare..

Qualcuno di voi sa darmi qualche dritta?
Grazie

[thecodingmonk]

La funzione load di jQuery effettua una richiesta ajax all'url che gli passi come argomento e carica la risposta nell'elemento selezionato. Quindi se vuoi caricare dati in un div usi:

$('#id_div').load('url', parametri, function() {
    alert('Contenuto caricato');
});

L'ultimo parametro è opzionale ed è un callback che viene chiamato quando il caricamento è stato effettuato, nel tuo caso non so se può servire.

load comunque è ajax quindi non si capisce bene a cosa ti riferisci nel titolo

[mangusta91]

perdona la mia ignoranza, non lo sapevo.
il codice che mi hai postato lo devo mettere nella head?

[thecodingmonk]

No, il codice che ho postato esegue il ricaricamento del div, quindi deve essere seguito periodicamente in base alla frequenza con cui vuoi che il div venga ricaricato. Se lo metti nell'head verrà eseguito una volta e poi basta, per eseguirlo periodicamente devi usare setInterval() facendo qualcosa del tipo

setInterval(function() {
    $('#id_div').load('url', parametri, function() {
        alert('Contenuto caricato');
    });
}, 5000);

dove 5000 sta per 5 secondi!

[mangusta91]

grazie mille per la tua disponibilità, ma non ho capito due cose: la prima è dove devo mettere questo codice, la seconda sono i parametri che devo passare alla funzione, la url ecc..

[thecodingmonk]

La documentazione di jQuery è molto esauriente in merito: http://api.jquery.com/load/

url: A string containing the URL to which the request is sent.

data: A map or string that is sent to the server with the request.

complete(responseText, textStatus, XMLHttpRequest): A callback function that is executed when the request completes.

In pratica URL è l'indirizzo dove ci sono i dati che devi caricare nel div, data sono parametri get se vuoi passargli all'url (tipo uno script php che fa varie cose a seconda dei parametri) e complete è il callback che viene eseguito quando il load è stato eseguito.

Il codice devi metterlo nell'head, sì. Se hai ulteriori dubbi dimmi pure.

[mangusta91]

Non ho bisogno di includere nessun file .js?

[thecodingmonk]

Chairamente jQuery, oltre a quello no.

[mangusta91]

Sei stato fin troppo gentile.. Peró ho il difetto che se non capisco a fondo la cose non mi do pace non so cosa mettere nei due parametri, perchè tutto sommato vorrei fare un semplice refresh del "div", quindi mi trovo un po' spiazzato

[thecodingmonk]

Qual è il contenuto che devi mettere nel div?