[JQUERY] Aggiungere elementi a elenco

[iadream]

Salve amici,

utilizzo una chiamata Ajax per estrarre dei record da un db e creare un elenco.

<div data-role="page" id="page"> 
  <script type="text/javascript">
	$(document).ready(function() {
	var timer = setInterval ("Reload()", 10000);
});

function Reload(){
  	$("#prenotatiOggi").load("http://www.ilquintoquarto.it/appDroid/prenOggi.asp");
	$("#msg2").ajaxError(function(event, request, settings){
			$(this).append("[*]Error requesting page " + settings.url + "");
	});
}
</script>
  <div data-role="header">
    <h1>Il Quinto Quarto</h1>
  </div>
  <div data-role="content" id="prenotatiOggi">
  </div>
  <div data-role="footer" data-position="fixed"></div>
</div>

Nella pagina asp il codice che si genera è una cosa del tipo:

<ul data-role="listview" data-theme="a">[*]Prenota[*]Prossime prenotazioni[*]Ultimi movimenti
<li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-b">Oggi
//--record---//[*]<%=(prenotazioni.Fields.Item("COGNOME").Value)%> - <%=(prenotazioni.Fields.Item("RECAPITO").Value)%><span class="ui-li-count"><%=(prenotazioni.Fields.Item("C_ADULTI").Value)%> h <%=(prenotazioni.Fields.Item("ORARIO").Value)%></span>
[/list]

Il pounto che io vorrei come codice fisso

<ul data-role="listview" data-theme="a" id="prenotatiOggi">[*]Prenota[*]Prossime prenotazioni[*]Ultimi movimenti[/list]

e che la chiamata mi aggiungesse semplicemente i contenuti[*] e non che sostituisse tutto!

Come posso fare?

[m4rko80]

Ciao, dovresti usare al posto di .html() append(), appendTo() insertBefore() a seconda di quello che vuoi.

[iadream]

Ma se il mio script è questo:

  <script type="text/javascript">
	$(document).ready(function() {
	var timer = setInterval ("Reload()", 10000);
});

function Reload(){
  	$("#prenotatiOggi").load("http://www.ilquintoquarto.it/appDroid/prenOggi.asp");
	$("#msg2").ajaxError(function(event, request, settings){
			$(this).append("[*]Error requesting page " + settings.url + "");
	});
}
</script>

dove devo intervenire?

$("#prenotatiOggi").append(load("http://www.ilquintoquarto.it/appDroid/prenOggi.asp"));

[m4rko80]

EDIT

La funzione append che già usi deve inserire il contenuto che carichi alla fine del contenuto già presente.

la funzione load pero' modifica l html, presumo quindi che elimini quello che c'e' già prima.

Usa ajax di jquery e così verrà accodato:

//usi questo al caricamento
$.ajax({
  url: 'ajax/index.html',
  success: function(data) {
    $('#id').html(data);

  }
});
//per aggiornare usi questo

$.ajax({
  url: 'ajax/aggiorna.html',
  success: function(data) {
    $('#id').append(data);

  }
});

[iadream]

Ok allora, con append aggiungo e non sostituisco!
Però io usavo una funzione di refresh ogni tot secondi:

$(document).ready(function(){
		var timer = setInterval("Reload()", 100);
		});

function Reload(){
	        $.ajax({
		url: 'http://www.ilquintoquarto.it/appDroid/prenOggi.asp', 
		success: function(data) {$('#prenOggi').append(data);
		}
	});
}

In questo caso se uso append, continua ad aggiungermi gli stessi dati!