Refresh image src

[betis85]

Salve a tutti,
stavo studiando il modo di gestire le path di un'immagine mediante lato server...
ho creato la mia servlet e nel metodo init() ho inizializzato la classe che contiene una arraylist di stringhe contenente le mie immagini...
tramite ajax richiamo un metodo in doGet che imposta come out l'immagine che scelgo tramite una request...
nella console di internet vedo la chiamata e noto che la path viene inserita dove voglio senza problemi ma in realtà il DOM rimane con la vecchia immagine e non risente del cambiamento... come posso fare?

<div id="myfoto" onclick=carica()>
<img id=lista src="<%= mybean.getFoto()" />
</div>

<script>
 $.ajax({
       url:"FotoServlet",
       type: "GET",
       data:{foto:1}
       success:function(){
             $('#lista').attr('src',function(index,attr){
                     return attr.replace('img/Copertina.png',"<%= mybean.getFoto()");
             });
        }
 });

p.S. img/Copertina.png è di default che viene inizializzata quando creo la nuova istanza

[andbin]

       success:function(){
             $('#lista').attr('src',function(index,attr){
                     return attr.replace('img/Copertina.png',"<%= mybean.getFoto()");
             });
        }

Per quanto si può vedere qui, intuisco che la seconda stringa, quella che vuoi applicare, non deriva dalla chiamata ajax ma da quando la pagina è stata generata.
Non è comunque l'approccio corretto. La risorsa invocata tramite ajax, dovrebbe fornirti una response text/XML/JSON (insomma, quello che ti fa comodo) che contiene il url della immagine. E questo devi usare, tra l'altro senza fare alcun replace, che non serve. E credo non serva nemmeno la function di callback. Semplicemente passi il nuovo value di src al attr().

[betis85]

La response come dovrebbe essere? Puoi farmi per favore un esempio stupido? Grazie in anticipo

[andbin]

La response come dovrebbe essere? Puoi farmi per favore un esempio stupido? Grazie in anticipo

Mah .. JSON ad esempio:

{ "imgUrl": "blabla/xyz.png" }

[betis85]

Ma quindi dentro la servlet cosa dovrei mettere? Di conseguenza come richiamo la risp in js?

[andbin]

Ma quindi dentro la servlet cosa dovrei mettere? Di conseguenza come richiamo la risp in js?

Scusa la domanda ma .... guardando bene il tuo script, deduco che la richiesta ajax viene fatta una volta sola subito quando il codice script viene eseguito. Insomma, non è fatta in un secondo momento a seguito di qualche evento.
E quindi ..... a che ti serve ajax?

[betis85]

si scusa, mi sono dimenticato la parte function carica()...

[betis85]

tramite console noto che la get mi ritorna le path, ma non aggiorna il DOM

[andbin]

Ma quindi dentro la servlet cosa dovrei mettere? Di conseguenza come richiamo la risp in js?

Per la pagina in sé, potrebbe essere o direttamente una JSP oppure (meglio e anzi più preferibile) Servlet->JSP.
Per la richiesta ajax, un'altra Servlet che fornisce il dato in JSON (o ripeto, qualunque formato che ti faccia comodo).

si scusa, mi sono dimenticato la parte function carica()...
tramite console noto che la get mi ritorna le path, ma non aggiorna il DOM

Non posso comunque avere una idea chiara di tutto quanto hai scritto ..... l'unico dubbio è: stai cercando di modificare il DOM dopo che è stato caricato .... o prima?

[betis85]

Sto cercando di refreshare il dom dopo il caricamento... Ho il collegamento jsp->servlet