aggiungere dinamicamente righe di dati a variabile json

[Vindav]

come faccio ad aggiungere dinamicamente nuovi oggetti (o righe di dati) ?

var myJson = {};
myArray = [];
myArray[0] = {"id": "1", "nome": "pippo", "eta": "25"};
myArray[1] = {"id": "2", "nome": "pluto", "eta": "15"};

myJson.dati = myArray;

alert(myJson.dati[0].id);
alert(myJson.dati[0].nome);
alert(myJson.dati[0].eta);

alert(myJson.dati[1].id);
alert(myJson.dati[1].nome);
alert(myJson.dati[1].eta);

oppure:

var myJson = {};
myArray = [];

myArray[0] = {};
myArray[0].id = "1";
myArray[0].nome = "pippo";
myArray[0].eta = "25";

myArray[1] = {};
myArray[1].id = "2";
myArray[1].nome = "pluto";
myArray[1].eta = "15";

myJson.dati = myArray;

alert(myJson.dati[0].id);
alert(myJson.dati[0].nome);
alert(myJson.dati[0].eta);

alert(myJson.dati[1].id);
alert(myJson.dati[1].nome);
alert(myJson.dati[1].eta);

[guidino]

Grazie 1000 Vindav,

ora devo passare la variabile json a php e leggere i dati per elaborarli, pensavo di usare il metodo .serialize() indicato da Al_katraz984 prima di impazzire mi dici se sbaglio?

        var my_OXHR = new XMLHttpRequest();
        my_OXHR.open("get","elabora.php?dati="+myJson.serialize(),true);
        // ecc. 

elabora.php

       $dati = $_GET['dati'];   // dati serializzati (?)
       
       // come faccio a deserializzare i dati? 

Grazie

[Al_katraz984]

Originariamente inviato da guidino
Ho guardato serializeArray ma se non erro viene applicato ai form.

io ho bisogno di passare dati che sono memorizzati in array.

ho visto un esempio su JSON.stringify:

var arr = [ 1, 2, 3 ];

var serializedArr = JSON.stringify( arr );
// "[1, 2, 3]"

var unpackArr = JSON.parse( serializedArr );
// identical array to arr

ma io ho bisogno che poi php sia in grado di leggere i dati dell'array serializzato.
Chiedo ad Al_katraz984 come faccio a serializzare l'array in js e deserializzare i dati in php.

Se non ti dispiace puoi farmi un esempio?

questo è un po' più difficile.. io lo faccio ma partendo da oggetti e non array, credo che possa funzionare lo stesso cmq..

js:

if (Object.prototype.toString.call( data ) === '[object Object]') {
    this.data = 'data='+JSON.stringify(data);
} 

php:

if ( isset( $_POST ) && !empty( $_POST ) ) {
    if ( array_key_exists( 'data', $_POST ) && !empty( $_POST['data'] ) ) {
        $data = ( get_magic_quotes_gpc() ) ? 
            json_decode( stripslashes( $_POST['data'] ), TRUE ) : 
            json_decode( $_POST['data'], TRUE );
    }
} 

[guidino]

Aspetta, ti chiedo un attimo di pazienza per favore.

la tua variabile js data mi dici che è un oggetto.
io ho bisogno di inviare a php più oggetti, diciamo per semplicità due record di dati
id = "1", nome = "pippo", eta = 25
id = "2", nome = "pluto", eta = 15

se creo miaClasse per gestire gli attributi id, nome e eta poi avrei due oggetti diversi

var rercord1 = new miaClasse(1, "pippo",25);
var rercord2 = new miaClasse(2, "pluto",15);

in realtà di recordi ne ho n
come faccio a inviarli tutti?

Grazie

[Al_katraz984]

Originariamente inviato da guidino
se creo miaClasse per gestire gli attributi id, nome e eta poi avrei due oggetti diversi

var rercord1 = new miaClasse(1, "pippo",25);
var rercord2 = new miaClasse(2, "pluto",15);

in realtà di recordi ne ho n
come faccio a inviarli tutti?

Grazie

ipoteticamente il tuo oggetto dovrà essere:

var records = {
  r1: {
    id: "1",
    nome: "pippo",
    eta: "25"
  },
  r2: {
    id: "2",
    nome: "pluto",
    eta: "15"
  }
}; 

oppure come array di oggetti:

var records = [
  {
    id: "1",
    nome: "pippo",
    eta: "25"
  },
  {
    id: "2",
    nome: "pluto",
    eta: "15"
  }
]; 

non so come fai la creazione degli oggetti, da dove arrivano i dati di "record1" e "record2"?

ma potresti anche creare una classe per i records:

function records () {
  this.arr = [];

  this.add = function (obj) {
    this.arr.push(obj);
  };

  this.get = function () {
    return this.arr;
  };
} 

qui un esempio funzionante http://jsfiddle.net/9eHTB/

rimane la questione di come ottieni i dati per gli N records..

[guidino]

grazie,
i dati sono informazioni relative a immagini che vengono appese al dom al verificarsi di determinati eventi.
per semplificare ho usato una struttura semplice di id, nome ed eta.

grazie 1000 per l'aiuto molto preciso ed esaustivo, in poche parole professionale.

Una curiosità,
gestisci il sito jsfiddle.net dove hai caricato l'esempio?

Grazie

[guidino]

un'ultima cosa Al_katraz984,
ci terrei al tuo parere.
Non è che io voglia proteggere nulla, tant'è che ho chiesto aiuto al forum, si tratta di una semplice curiosità:

esiste oppure no un modo per non rendere leggibile il codice javascript?

ho letto questo nel forum:

"Allora...potresti fare qualcosa a livello php ad esempio.
Potresti mettere i tuoi script all'interno di una directory non visibile dal web.
Tramite uno script php recuperi i file javascript da usare nella pagina.

Basta sostituire al nome file dello script (quando lo carichi da dentro l'html) il nome dell'applicazione php seguito da un parametro che identifica lo script.

<script type="text/javascript" src="getscript.php?name=ciaps.js"></script>

Nel codice php verfiichi il referer in modo che sia la pagina da cui quello script viene richiamato. Se non lo è non metti lo script in output.
Sfruttando sempre php puoi controllar anche eventuali cookie e variabili di sessione impostate nella pagina che richiama lo script, fornendo un ulteriore livello di protezione.

Nota (dolente): queste protezioni sono comunque aggirabili, quindi mettiti l'animo in pace perché qualcuno che è un minimo capace il tuo script lo ritrova sempre, basta andare a ravanare nella cache del browser"

tu cosa ne pensi?

Ancora grazie

[Al_katraz984]

Originariamente inviato da guidino
grazie,

Una curiosità,
gestisci il sito jsfiddle.net dove hai caricato l'esempio?

Grazie

Prego

hahah no non lo gestisco io.. magari.. in firma c'è un sito che seguo..

non ho mai sentito il bisogno di nascondere il codice js, alla fine gli eventi e i processi sono validi per il mio sito e se anche qualcuno volesse copiare il codice sarebbe solo una perdita di tempo.

puoi compattarlo su un unica riga cosi lo rendi "difficile" da leggere ma più di questo non farei..

[guidino]

un'ultima cosa Al_katraz984, dimenticavo.

nella classe records devo implementare anche i metodi elimina e aggiorna dati di un record

function records () {
  this.arr = [];

  this.add = function (obj) {
    this.arr.push(obj);
  };
  
  this.remove = function (id) {
    // ??
  };

  this.update = function (id, nome, eta) {
    // ??
  };

  this.get = function () {
    return this.arr;
  };
} 

mi dai un altro aiuto?

Ancora grazie

[Al_katraz984]

Originariamente inviato da guidino
un'ultima cosa Al_katraz984, dimenticavo.

nella classe records devo implementare anche i metodi elimina e aggiorna dati di un record


mi dai un altro aiuto?

Ancora grazie

Ciao,

i due metodi che vuoi inserire non credo facciano parte di quella classe records.. La classe records riceve i dati già settati e li raggruppa in un array..

ma non conoscendo cosa vuoi ottenere faccio fatica a risponderti