Aiuto ajax

**radek** · 15-10-2010, 15:22

Dopo lunghe ricerche mi sono convinto che gli iframe sono morti e Ajax è la soluzione.
Ho finalmente capito che Ajax è una tecnica Javascript che consente di fare molte cose, ma a me basta usarla per aggiornare i tag DIV quando viene cliccato qualcosa. Quello che mi serve è quindi uno scripts che crei una funzione (compatibile con tutti i browser) che viene invocata da "onclick="

Ad esempio vorrei poter fare questo:
<a href='#'
onClick="javascript:AggiornaDiv('./NuovaSorgenteA.htm','IdRiquadroX');
javascript:AggiornaDiv('./NuovaSorgenteB.htm','IdRiquadroY');'>Testo del link

AggiornaDiv è il nome della funzione creata dallo script che mi serve, ma va bene qualunque nome abbia scelto il suo amato creatore.

Sono certo che esistono moltissimi script già fatti per questo utilizzo chi mi aiuta a trovarne uno.

Grazie, grazie, grazie

**m4rko80** · 15-10-2010, 15:33

Ti consiglio di usare jquery.....

http://api.jquery.com/category/ajax/

basta includere la libreria e via...

**radek** · 15-10-2010, 15:44

Grazie stò dando un'occhiata. Se mi dicessi quale libreria si adatta alla mia esigenza te ne sarei grato.

**m4rko80** · 15-10-2010, 15:55

Jquery appunto

http://docs.jquery.com/Downloading_j...urrent_Release

se non l hai mai usata ci devi prendere un po la mano ma e' molto semplice... dopo che capisci un po la sintassi diventa facile capirci.

includi

<script src="PATH/jquery.js" type="text/javascript"></script>

e dove ti serve il resto

$.ajax({
url: 'test.html',
success: function(data) {
$('#id_tag_da_usare').html(data);

}
});

questo e' semplicemente un esempio, poi ci sono piu opzioni e un sacco di moda da poter utilizzare

url: la url che chiami per fare/generare qualcosa
success: function(data) .... viene eseguita quando completata la richiesta e in data c'e' il contenuto che ha prodotto

**radek** · 15-10-2010, 16:13

Comincio a capire carico la libreria nel tag <HEAD>

poi nell' html dovrei usare:

<a href='#'
onClick="javascript:$.ajax({
url: 'NuovaSorgenteA.htm',
success: function(data) {
$('IdRiquadroX').html(data);
}
});
$.ajax({
url: 'NuovaSorgenteB.htm',
success: function(data) {
$('IdRiquadroY').html(data);
}
});
>Testo del link

La sintassi è corretta?

**m4rko80** · 15-10-2010, 16:18

A parte che ti consiglio di mettere il codice in file js e non tutto in onlcick per chiarezza e comodita' d'utilizzo e per non dover ripetere sempre il codice se dovesse riservire..
Comunque $('IdRiquadroX') cosi IdRiquadroX e' un oggetto! non so se ti riferici ad un id, ma nel caso alcuni dei piu comuni selettori sono

$('#IdRiquadroX')... se un id
$('.IdRiquadroX')... se una classe
$('div')... se fosse un tag

**radek** · 15-10-2010, 16:26

Capito la simbologia è quella che si usa in CSS.
Quindi per i miei tag
<DIV id=IdRiquadroX
name=NameRiquadroX>

uso:

<a href='#'
onClick="javascript:$.ajax({
url: 'NuovaSorgenteA.htm',
success: function(data) {
$('#IdRiquadroX').html(data);
}
});
$.ajax({
url: 'NuovaSorgenteB.htm',
success: function(data) {
$('#IdRiquadroX').html(data);
}
});
>Testo del link

Corretto?

**m4rko80** · 15-10-2010, 16:30

a occhio mi pare corretta ...la devi provare

**radek** · 15-10-2010, 16:34

Grazie mille,sei stato utilissimo erano 3 giorni che cercavo una soluzione semplice ed efficace come questa, vado a smontare gl iframe dal mio sito.

Grazie ancora.

**m4rko80** · 15-10-2010, 16:57

prego

ciao

Discussione: Aiuto ajax

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto ajax

Permessi di invio