Store return json value in input hidden field

Question

Ich frage mich, ob es möglich ist, das zurückgegebene JSON in einem versteckten Eingabefeld zu speichern. Zum Beispiel ist dies meine JSON-Rückgabe:

[{"id":"15aea3fa","firstname":"John","lastname":"Doe"}]

Ich möchte nur die id in einem versteckten Feld speichern, damit ich später darauf verweisen und etwas damit tun kann.

Beispiel: Ich habe so etwas:

und möchte später den Wert mit jQuery zurückgeben, wie folgt:

var scheduletimeid = $('#HiddenForId').val();

Answer 1

Auch wenn ich die vorgeschlagenen Methoden gesehen und funktioniert habe, denke ich, dass das Setzen des Werts eines versteckten Feldes nur mit JSON.stringify das HTML kaputt macht...

Hier werde ich erklären, was ich meine:

Wie Sie sehen können, könnte das erste doppelte Anführungszeichen nach der öffnenden Kette von einigen Browsern als interpretiert werden:

Für einen besseren Ansatz dazu würde ich vorschlagen, die encodeURIComponent Funktion zu verwenden. Zusammen mit dem JSON.stringify sollten wir etwas Ähnliches wie folgt haben:

> encodeURIComponent(JSON.stringify({"name":"John"}))
> "%7B%22name%22%3A%22John%22%7D"

Jetzt kann dieser Wert sicher in einem versteckten Eingabetyp gespeichert werden, wie folgt:

oder (noch besser) mit dem data-Attribut des HTML-Elements, das vom Skript manipuliert wird, das die Daten verbrauchen wird, wie folgt:

Jetzt können wir die Daten wie folgt zurücklesen:

> var data = JSON.parse(decodeURIComponent(div.getAttribute("data-json")))
> console.log(data)
> Object {name: "John"}

Answer 2

Sie können input.value = JSON.stringify(obj) verwenden, um das Objekt in einen String umzuwandeln.
Und wenn Sie es zurück benötigen, können Sie obj = JSON.parse(input.value) verwenden.

Das JSON-Objekt ist auf modernen Browsern verfügbar oder Sie können die json2.js-Bibliothek von json.org verwenden.

Answer 3

Sie können es in einem versteckten Feld speichern oder in einem JavaScript-Objekt (meine bevorzugte Methode) speichern, da der wahrscheinliche Zugriff über JavaScript erfolgt.

HINWEIS: Da Sie ein Array haben, würde dies dann als myvariable[0] auf das erste Element zugreifen (wie Sie es haben).

BEARBEITEN Sie ein Beispiel:

clip...
            success: function(msg)
            {
                LoadProviders(msg);
            },
...

var myvariable ="";

function LoadProviders(jdata)
{
  myvariable = jdata;
};
alert(myvariable[0].id);// zeigt "15aea3fa" im Alert an

BEARBEITEN: Habe diese Seite erstellt: http://jsfiddle.net/GNyQn/ um das oben Gesagte zu demonstrieren. Dieses Beispiel geht davon aus, dass Sie bereits Ihre benannten Stringwerte im Array ordnungsgemäß zurückgegeben haben und sie nur gemäß der Frage des OP speichern müssen. Im Beispiel habe ich auch die Werte des ersten zurückgegebenen Arrays (gemäß dem Beispiel des OP) in ein Div als Text eingefügt.

Ich bin mir nicht sicher, warum dies als "komplex" angesehen wurde, da ich keinen einfacheren Weg sehe, diese Strings in diesem Array zu behandeln.

Answer 4

Wenn Sie den JSON-Serializer verwenden, können Sie Ihr Objekt einfach im String-Format speichern:

myHiddenText.value = JSON.stringify( myObject );

Sie können den Wert dann so zurückbekommen:

myObject = JSON.parse( myHiddenText.value );

Wenn Sie diesen Wert jedoch nicht über Seitenabsendungen übergeben, könnte es für Sie einfacher sein und Sie sparen sich eine Menge Serialisierung, wenn Sie ihn einfach als globale JavaScript-Variable verstecken.

Answer 5

Legen Sie einfach das versteckte Feld mit Javascript fest :

document.getElementById('elementId').value = 'was auch immer';

Oder fehlt mir etwas?