Speichern von JSON in ein verstecktes input-element?

Ich muss in der Lage sein erzeugen eine effektiv unbegrenzte Anzahl von Datensätzen, also, was ich tun möchte, ist so etwas wie dieses;

<input type="hidden" name="items[]" value="{id:1,name:'some-name'}" />

Versuchte ich JSON.stringify konvertieren mein array in javascript, und speichern Sie es in der aktuellen hidden-input-element, sondern es umschließt alle Schlüssel und Werte in Anführungszeichen eingeschlossen werden, was natürlich zu Konflikten mit HTML-wickeln Sie den gesamten Wert in doppelte Anführungszeichen. Irgendwie muss ich die Flucht der Zitate, aber ich brauche diese Arbeit zwei Möglichkeiten...im Grunde sind diese Elemente generiert mit PHP und platziert die Seite in Ordnung ist, dann kann ich hinzufügen oder löschen von Elementen am Ende des Benutzers und senden die Seite, die PHP Durchlaufen diese versteckten Elemente und Aktualisierung der Datensätze.

Jemand irgendwelche Vorschläge auf eine Flucht-Methode von einer Sorte?

InformationsquelleAutor Stephen Belanger | 2010-06-29

8

Können Sie entkommen-Funktion hier vorgestellt: http://phpjs.org/functions/htmlspecialchars:426

Sollte es escape-chars im json-Format und machen Sie Ihre Schnur sicher zu verwenden als Wert von html-Attribut.

Wenn Sie wollen, um die Flucht auf PHP, dann sollten Sie die Funktion htmlspecialchars() gebaut ist, dass in der PHP.
- Das ist genau das, was ich brauchte! Ich ging in die falsche Richtung versucht, mit addslashes() in PHP, aber Sie nicht entkommen Anführungszeichen in HTML. 🙁
- Danke. Sie sind am sichersten gegen XSS-Angriffe bei der Verwendung von htmlspecialchars() für die Angebotserstellung sind die Dinge, die Sie emittieren, um html von php.
InformationsquelleAutor Kamil Szot

Was Sie wollen zu tun ist, fassen einige von html5 data-* attrubites so kann man dod

<div id="post-container" data-meta="{id:22,name:'Robert Pitt'}">
   ..
</div>

Dann können Sie htmlentites() um den string sicher und javascript verwenden, können Sie die Daten mit javascript so:

function ElementJson(id,attrib)
{
    var post_c = document.getElementById(id);

    for( var x = 0; x < post_c.attributes.length; x++)
    {
        if( post_c.attributes[x].nodeName.toLowerCase() == 'data-' + attrib.toLowerCase())
        {
            return post_c.attributes[x].nodeValue;
        }
    }
    return false;
}
json = ElementJson('post-container','meta');

Per jQuery für die Instanz, die Sie tun können,

json = $('#post-container[data-meta]').attr('data-meta');

Einer großen Menge von Websites, die es verwenden, vor allem Facebook

InformationsquelleAutor RobertPitt

1

base64_encode die Daten, oder führen Sie es durch htmlentities() zu drehen, die Anführungszeichen in die Entitäten 🙂

InformationsquelleAutor nathan
0

Um ehrlich zu sein, wenn Sie den Wert im javascript-Code der Seite, dann bin ich ein wenig überrascht, dass Sie lief in Probleme, aber hier sind ein paar Vorschläge: -

Natürlich die richtige was zu tun ist, HTML-Kodierung der Daten in der html-Attribute - aber das erfordert Aufruf von htmlentities oder ähnliches anstatt also, warum nicht URL-kodiert die Daten mithilfe des "eingebauten" javascript encode und decode und Methoden. Die URL-Codierung sollte entkommen doppelten Anführungszeichen '%22'.

Oder wenn Sie bereits jQuery, verwenden Sie die val() Methode zu setzen (und erhalten?) die Wert - ich bin sicher, das würde sich mit diesen Themen für Sie (obwohl ich noch nicht gegangen und eigentlich geprüft).
- Es war nicht so sehr die Einstellung in Javascript, das war das problem, wie es war, legt es in die Seite zunächst über PHP. Ich wusste, es gab viele Methoden, ich konnte viel mit den Anführungszeichen, aber war nicht sicher, was genau würde am besten funktionieren. Ich hatte anfangs nicht gedacht, htmlentities obwohl...ich hatte gedacht, addslashes, sondern Schrägstriche nicht entziehen Anführungszeichen in HTML. >.>
InformationsquelleAutor Chris Fewtrell

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.