Come posso conservare JavaScript oggetto array salvato in qualche modo che io possa utilizzare in seguito

Question

Ho una situazione come segue:

Ho una pagina di selezione id dove l'utente può selezionare id dalle ids visualizzati sul pagina.Dopo l'utente seleziona l'id i li memorizza come un valore separato da virgole in un campo di input nascosto.

 <input type="hidden" values="234,678,987" /> 

Ho un pulsante che al clic fa apparire una finestra di dialogo che visualizza gli ID selezionati. Gli id ​​qui mostrati prendono dal campo nascosto. Ora ho un requisito per memorizzare l'id e il nome del prodotto. Probabilmente, in questo caso, cosa dovrei fare perché ora non riesco a salvare questa infrastruttura nel campo di input nascosto. Anche se utilizzo l'array javascript, come posso salvare quell'array e usarlo in futuro per la visualizzazione. È possibile salvare l'oggetto array nel campo di input nascosto .... e recuperarlo successivamente come oggetto array di nuovo ...?

Answer 1

Ecco un JSFiddle.

Se si desidera memorizzare l'oggetto in un campo di input, è possibile utilizzare JSON.stringify():

//Pass your array (or JSON object) into JSON.stringify: 
JSON.stringify([{id:1, product_id: 2, name: 'stack'}, 
       {id: 2, product_id: 2, name: 'overflow'}]) 

che produrrà:

"[{"id":1,"product_id":2,"name":"stack"},{"id":2,"product_id":2,"name":"overflow"}]" 

È possibile memorizzare questo valore in un campo nascosto (o un attributo dati):

<input type="hidden" id="project" value="[{'id':1,'product_id':2,'name':'stack"',{'id':2,'product_id':2,'name':'overflow'}]" /> 

Ovviamente, è possibile combinare questi passaggi (o farlo tramite PHP/Rails/...)

$('#project').val(JSON.stringify([1,2,3])); 

È quindi possibile decodificare questo utilizzando, ad esempio, jQuery:

$.parseJSON($('#project').val()); 

Questo dovrebbe consentire di utilizzare il processo che si sta utilizzando, ma memorizzare oggetti JavaScript in i tuoi campi di input. Spero che questo ti aiuti!

Answer 2

Puoi

1. negozio il valore in memoria, utilizzando JS

   var arr = []; 
   arr.push(your_value); 
   

2. continuare a creare nuovi attributi/valori nella dom utilizzando JS
3. passare il valore da una pagina all'altra attraverso la stringa di query
4. memorizza nuovamente il valore in un cookie
5. memorizzare il valore sul server (in un file/db) per recuperare di nuovo

---

Nota:
Opzioni 3 e 5 sono significativi solo se si vuole andare a un'altra pagina (su il sito).
Le opzioni 4 e 5 sono buone se si desidera chiudere il browser e recuperare tali informazioni in un secondo momento.

Answer 3

Se non siete preoccupati per IE7, è possibile utilizzare localStorage:

window.localStorage.setItem('myArray', JSON.stringify([234,678,987])); 
// retrieve 
var myArray = JSON.parse(window.localStorage.getItem('myArray')); 

Il JSON è supportato dai browser moderni. Puoi aggiungerlo includendo json2.

Answer 4

Suppongo che tu stia parlando di conservare i dati dopo che una nuova pagina è stata caricata. È possibile utilizzare l'approccio corrente di memorizzazione dei dati come stringa in un input nascosto, quindi analizzare la stringa successivamente in un oggetto JavaScript. Un'altra opzione è che il codice lato server può produrre alcuni JavaScript inline che dichiarano l'oggetto JavaScript necessario. Se stai usando ASP.NET, ad esempio, la pagina potrebbe avere qualcosa di simile:

// Assuming "serverSideIds" is declared as a List<string> 

<% var serializer = new JavaScriptSerializer(); %> 
var ids = <%= serializer.Serialize(serverSideIds) %>;