Comment conserver le JSON dans une variable

Comment stocker des données en JSON comme une base de données,
de sorte que lorsqu'un utilisateur s'enregistre l'information doit être stockée dans une variable?

Exemple:

Mon formulaire HTML est constitué de champs de texte de saisie firstname, lastname. En cliquant sur le bouton enregistrer de la forme doit stocker les valeurs de prénom et de nom dans une variable.

Comment puis-je faire cela:

 var txt = '{"employees":[' +
   '{"firstName":"John","lastName":"Doe" },' +
    '{"firstName":"Anna","lastName":"Smith" },' +
     '{"firstName":"Peter","lastName":"Jones" }]}';

vous pouvez utiliser var json = JSON.parse(txt)
Je pense que l'OP est en demandant l'autre sens
Est-il une raison pour laquelle vous souhaitez utiliser JSON? Vous ne pouvez pas vraiment les traiter davantage puisque c'est juste du texte. Un simple objet ou un tableau serait plus approprié.
je n'ai pas trop de connaissances sur JSON pouvez-vous s'il vous plaît dites-moi une bonne source @ArunPJohny

InformationsquelleAutor Joshna Gunturu | 2013-08-26

0

Facilement utiliser Jquery
```
var jsonArray;
jsonArray.push($("#firstname").val();
jsonArray.push($("#lastname").val();
var myJsonString = JSON.stringify(jsonArray);
```
- La seule partie qui est jQuery est $("...").val(). Sinon, votre code est plein d'erreurs de syntaxe, les erreurs d'exécution et utilise confusion de noms de variables (comme jsonArray). Si vous souhaitez initialiser jsonArray correctement, alors il contient un normal JS tableau, pas de JSON.
- En regardant cette solution, encore une fois, presque deux ans plus tard, je suis d'accord avec Felix: ça ne marchera pas. La première ligne doit être d'au moins var jsonArray=[]; pour être cohérent avec le reste. Mais même alors, tous les noms (prénom et nom à l'identique) seront jetés ensemble dans ce tableau simple. Les champs de saisie, peut-être même pas trouvé si leur id attributs n'avez pas les mêmes valeurs que leurs name attributs. L'OP ne mentionne que les name attributs.
InformationsquelleAutor rainer zufall

Sonne comme vous voulez aller de l'valeurs dans HTML à un JSON chaîne. En supposant que <form> ressemble à ceci

<form>
    <input type="text" name="nm1[]"/><input type="text" name="nm2[]"/>
    <input type="text" name="nm1[]"/><input type="text" name="nm2[]"/>
</form>

Vous pouvez utiliser getElementsByName deux fois, de se construire une Objet et JSON.stringify il

var nm1 = document.getElementsByName('nm1[]'),
    nm2 = document.getElementsByName('nm2[]'),
    i, o = {
        employees: []
    };
for (i = 0; i < nm1.length; ++i) {
    if (nm1[i].value && nm2[i].value)
        o.employees.push({
            firstName: nm1[i].value,
            lastName: nm2[i].value
        });
}
JSON.stringify(o);

DÉMO (ouvrez la console)

InformationsquelleAutor Paul S.

Vous pouvez ajouter des données à la réelle structure de données, en ajoutant à la employees tableau comme

dataobj.employees.push({"firstName":$('input[name=firstn]').val(),
                        "lastName":$('input[name=lastn]').val() });

Bien sûr, cela nécessite que le JSON a été analysée dans les dataobj en premier lieu. Il doit être sérialisé à nouveau si vous souhaitez l'envoyer par GET. Mais il peut être POSTed directement comme un objet de données!

Bien sûr, vous pouvez aussi commencer avec un tableau vide, l'initialisation de dataobj comme

var dataobj={ employee: [] };

les uptdating commande entre en action.

Un très tard modifier ...

Juste au cas où il devrait y avoir de multiples prénom /nom des champs de saisie, puis la suivante va faire un "beaucoup mieux" de l'emploi (car il aura un coup d'oeil à tous les domaines et de recueillir uniquement celles où au moins l'un des noms est la série):

JS:

var dataobj={employees:[]};
function shw(){
  $('#out').text(JSON.stringify(dataobj).replace(/{/g,'\n{'));}
$(function(){
  $('#clr').click(function(){dataobj.employees=[];shw()});
  $('#go').click(function(){
   var ln=$('input[name=lastn]').toArray();     //ln: JS-Array of DOM elements
   $('input[name=firstn]').each(function(i,fn){ //for each fn DOM-element ...
    var f=fn.value,l=ln[i].value;               //get values as strings
    if (f+l>'') dataobj.employees.push({firstName:f,lastName:l}); //push name object
   });shw();})
  shw();
});

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="firstn" value="John"><input type="text" name="lastn" value="Doe"><br>
<input type="text" name="firstn" value="Anna"><input type="text" name="lastn" value="Smith"><br>
<input type="text" name="firstn" value="Peter"><input type="text" name="lastn" value="Jones">
<input type="button" id="go" value="append names">
<input type="button" id="clr" value="clear">
<pre id="out"></pre>

InformationsquelleAutor cars10m

0

Vous pouvez utiliser le push méthode de la matrice de pousser les données JSON. Ce qui est montré ici - ajout-pour-un-json-objet. Avant que les données doivent être soumis (dis process.php), stringify il.
- L'OP n'est pas un tableau, ils ont de texte.
- Merci beaucoup pour souligner 😉
InformationsquelleAutor GLES

Vous devez vous connecter pour publier un commentaire.