Salvare dati in locale e sincronizzarli...

  • Creatore Discussione Creatore Discussione Bivio
  • Data di inizio Data di inizio
Per eliminare TUTTI i valori dal localStorage usa:
Codice: 
localStorage.clear();

mentre per eliminare solo i valori di una certa key allora:
Codice: 
localStorage.removeItem(key)

Comunque bastava che facevi una ricerca su internet e trovavi subito questa risposta! :)
 
LorenzoPi ha scritto:
Per eliminare TUTTI i valori dal localStorage usa:
Codice: 
localStorage.clear();

mentre per eliminare solo i valori di una certa key allora:
Codice: 
localStorage.removeItem(key)

Comunque bastava che facevi una ricerca su internet e trovavi subito questa risposta! :)
Clicca per allargare...

Forse mi sono espresso male (se vedi nello script che ho postato, ho già quella funzione come commento), io voglio che la key da eliminare sia dinamica, nel senso che deve essere automatica. Quando premo sul pulsante salva dopo che la query mysql sia andata a buon fine me la elimina...
 
prova a cambiarequesto:
Codice: 
var id = $(this).find("id_key").attr("idid_key");
localStorage.removeItem("id");
con:
Codice: 
var id = $(this).find("id_key").val();
localStorage.removeItem(id);
 
allora io ho capito che tu quando inserisci i dati nel form le invii alla pagina php e se tutto va bene ti deve cancellare i dati.
Allora se ogni volta che invii i dati (cioè un intero "record" per volta) te li deve eliminare allora puoi usare direttamente localStorage.clear(); che ti cancella tutto direttamente!
 
LorenzoPi ha scritto:
allora io ho capito che tu quando inserisci i dati nel form le invii alla pagina php e se tutto va bene ti deve cancellare i dati.
Allora se ogni volta che invii i dati (cioè un intero "record" per volta) te li deve eliminare allora puoi usare direttamente localStorage.clear(); che ti cancella tutto direttamente!
Clicca per allargare...

Se vai qui http://geks.altervista.org/app/ e lo provi forse ti sarà più chiaro. Ogni volta che si salva una forma si genera nel locaStorage una cosa del genere:

1391958290411 - Nome - 09/02/2014 - Sera - Nota 1
1391958290411 - Pippo - 09/02/2014 - mattina - Nota 2
1391958290411 - Franco - 09/02/2014 - pomeriggio - Nota 3

Io voglio salva gli array singolarmente, quindi quando premo salva della prima riga, mi salva quella riga e quando termino il tutto dovrebbe fare una cosa del genere localStorage.removeItem(1391958290411) eliminando quindi la prima riga e dando la possibilità di salvare le altre...

L'idea di eliminare tutto non va bene visto che ho la necessità di salvare altri dati che non devono essere eliminati...
 
aaah ok! allora uno dei problemi è che ogni volta che salvi un 'record' la funzione visualizza() ti genera dell'html con elementi che hanno lo stesso id! Ricorda che ogni id deve essere unico in tutta la pagina!
Inoltre alla fine di $("#logForm").submit(function ecc.. ); ho aggiunto return false; perché sennò ogni volta che salvavi il nuovo 'record' ti si ricaricava la pagina mentre adesso non lo fa più! :)
Comunque ho fatto altre modifiche e adesso dovrebbe funzionare! :)
ecco qua tutto il codice:
HTML: 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<form id="logForm">
    	<label>Utente:</label>
    <input name="utente" type="text" id="utente"><br>
    	<label>Data servizio:</label>
        <input type="date" name="dt_servizio" id="dt_servizio"><br>
        <label>Turno:</label>
        <select name="turno" id="turno">
            <option value="0" selected>Seleziona</option>
            <option value="mattina">Mattina</option>
            <option value="pomeriggio">Pomeriggio</option>
            <option value="sera">Sera</option>
            <option value="notte">Notte</option>
        </select><br>
        <label>Nota:</label>
        <input name="nota" type="text" id="nota"><br>
        <input type="submit" value="Salva">
    </form>
    <!--<div id="ris_nome" class="box"></div>
    <div id="ris_email" class="box"></div>
    <div id="ris_note" class="box"></div>-->
    <ul id="listaDati">
    </ul>
    <div id="okk">
    </div>
<!-- SCRIPT JS -->
<script type="text/javascript">
$(document).ready(function() {
	visualizza()
		$("#logForm").submit(function(){
			var newDate = new Date();
			var itemId = newDate.getTime();
		
			var values = new Array();
			var utente = $("input[name='utente']").val();
			var dt_servizio = $("input[name='dt_servizio']").val();
			var turno = $("select[name='turno']").val();
			var nota = $("input[name='nota']").val();
	
			values.push(utente);
			values.push(dt_servizio);
			values.push(turno);
			values.push(nota);

			if (utente == "" || dt_servizio == "" || turno == "" || nota == "") {
				alert('Compilare tutti i campi');
			} else {
				try {
					localStorage.setItem(itemId, values.join(';'));
					//alert('Dati Salvati');
					
				} catch (e) {
					if (e == QUOTA_EXCEEDED_ERR) {
						alert('Quota localStorage superata!');
					}
				}
				visualizza()
			}

			// Aggiunto return false; per non far aggiorare la pagina una volta salvato il nuovo 'record'
			return false;
		});
});

////////////////////////////////////////////////////////////////////////////////////////////////
function visualizza() {
   	var tuttiDati = "";
   	var i = 0;
	var logLength = localStorage.length-1;
	
    for (i = 0; i <= logLength; i++) {
		var itemKey = localStorage.key(i);
		//values sarebbe l'array che contiene tutti i dati
		var values = localStorage.getItem(itemKey);
		values = values.split(";");
		var utente = values[0];
		var dt_servizio = values[1];
		var turno = values[2];
		var nota = values[3];

		// Al posto di 'id' come attributo ho messo 'class' perché senno andava in conflitto con 
		// le altre righe che generavi dopo!
		// Inoltre ho aggiunto l'attributo onclick sul bottone per eliminare il 'record' perché sennò
		// quando andava a creare la nuova riga, la funzione $('.bottone').click( ecc... ) non veniva riconosciuta
		// in quanto viene generata dopo che la pagina è stata caricata! infatti $(document).ready(function(){ ecc.. });
		// l'ho tolto in quanto dopo il bottone non veniva più riconosciuto/trovato e l'evento del click non veniva eseguito!
		tuttiDati += '<li>'+ '<form action="#" method="post" class="dati_sincro">'
		+ '<input name="id_key" type="text" readonly class="id_key" value="'+ itemKey +'">' + '  -  '  
		+ '<input name="utente" type="text" readonly class="utente" value="'+ utente +'">' + '  -  '   
		+ '<input name="dt_servizio" type="text" readonly class="dt_servizio" value="'+ dt_servizio +'">' + '  -  '
		+ '<input name="turno" type="text" readonly class="turno" value="'+ turno +'">' + '  -  '
		+ '<input name="nota" type="text" readonly class="nota" value="'+ nota +'">' + '  -  '
		+ '<input type="button" class="bottone" value="Salva" onclick="elimina(this)">'
		+'</li>'+'</form>';
	}

	$("#listaDati").html(tuttiDati);
}
function elimina(elemento){

	var dati = $(elemento).parent(".dati_sincro").serialize(); 
  
	//invio
	$.ajax({
	type: "POST",
	url: "salva.php",
	data: dati,
	dataType: "html",
	success: function(msg)
	{
		$("#okk").html(msg);
		
		// Qua prendo l'id del 'record'.
		var id = $(elemento).siblings(".id_key").val();
		localStorage.removeItem(id);
		// richiamo la funzione per 'aggiornare' l'html della pagina
		visualizza();

		alert('eliminato');
	},
	error: function()
	{
		alert("Chiamata fallita, riprovare...");
	}
	 
	});//ajax
	
}

</script>
</body>
</html>
 
Ultima modifica:
Devi accedere o registrarti per poter rispondere.

Discussioni simili

L
[PHP] Salvare csv da form dati
Risposte
5
Visite
3K
PHP
luigi777
L
M
Salvare i dati nel db e aprire altra pagina php
Risposte
7
Visite
3K
PHP
Max61
M
S
[PHP] Salvare dati tabella in formato exel
Risposte
0
Visite
2K
PHP
samurai.sette
S
P
Salvare i dati restituiti dopo autenticazione OAuth2
Risposte
0
Visite
2K
Javascript
parsifal
P
C
Salvare dati form in un file di testo
Risposte
1
Visite
11K
PHP
controsenso
C
S
Salvare dei dati in una determinata tabella in base al select che l'utente seleziona
Risposte
8
Visite
3K
PHP
Altutto
A
G
salvare dati array
Risposte
7
Visite
2K
PHP
Longo8
Longo8
C
Salvare dati inviati tramite form in un array
Risposte
2
Visite
4K
PHP
c02y
C
P
Salvare dati da pagina web
Risposte
2
Visite
2K
.NET Framework
pfca
P
M
JavaScript: lanciare funzione ASP per salvare dati in database
Risposte
0
Visite
2K
Javascript
marcoa842
M
P
Salvare dati da un db
Risposte
2
Visite
1K
Classic ASP
Paolo69
Paolo69
neo996sps
[Visual Basic Express] Salvare i dati in un DB Access
Risposte
1
Visite
5K
Programmazione
francovb
F
M
Salvare i dati di un form su database...
Risposte
2
Visite
5K
HTML e CSS
Supercolore
S
I
salvare con ajax user_id name msg
Risposte
0
Visite
1K
PHP
Imperor
I
P
C# Salvare una colonna del DataGridView
Risposte
0
Visite
3K
XML
Pacifico
P
E
fpdf salvare e aprire il file
Risposte
4
Visite
2K
PHP
Emanuele85
E
I
salvare testo chat
Risposte
6
Visite
2K
PHP
Imperor
I
B
Selezionare un'immagine e salvare la selezione
Risposte
3
Visite
2K
Photoshop
WmbertSea
WmbertSea
Stex1967
Salvare una immagine che si trova su porta TCP 8080 di altro sito
Risposte
7
Visite
2K
PHP
Stex1967
Stex1967
L
salvare una immagine elaborata in canvas
Risposte
1
Visite
2K
Javascript
lanvoel39
L
Alto Basso