Wie speichern, Formular Werte in data () - Objekt?

Gibt es eine einfache Möglichkeit zum speichern von Formular-Daten in ein data() Objekt nach dem senden?

Nehme an, das ist mein form:

<form id='myform'>  
<input type='text' name='bar' value='lorem'/>  
<input type='text name='foo' value='ipsum'/>  
</form>

Nach dem senden die Daten gespeichert werden sollen, wie diese:

$("#myform").data('bar','lorem');  
$("#myform").data('foo','ipsum');
  • Nur um Sie wissen zu lassen, fand ich eine jQuery-Methode für diese: form.serialize(). Ich habe meinen Beitrag aktualisiert mit einigen neuen Infos.
InformationsquelleAutor bart | 2009-04-18
  1. 3

    Können Sie etwas wie das hier tun:

    $('#myform').submit(function(e) {
    e.preventDefault(); //don't submit the form
    var form = $(this); //store it for later reference
    form.children('input').each(function() {
        form.data($(this).attr('name'), $(this).attr('value'));
    });
});

    Bearbeiten: Mein code hatte einige Fehler drin (getChildren » children, myform » #myform) – ich hab das jetzt korrigiert es.

    Beachten Sie, dass dieses Skript nicht das Formular abschicken. Sie können einige nette ajax zu tun 🙂
    http://docs.jquery.com/Ajax/serialize

    Update: Eigentlich jQuery hat bereits diese Funktionalität eingebaut: form.serialize(). Es gibt einen gültigen query-string:

    <form id="myForm">
    <input type="radio" value="A" name="foo" checked="checked" /> A<br />
    <input type="radio" value="B" name="foo" /> B
    <input type="text" name="bar" value="Bla bla" />
</form>
<script>
var queryString = $('#myForm').serialize(); //foo=A&bar=Bla+bla
</script>
    • Diese sich nicht mit select und textarea, noch wenn Formular abgesendet wurde über einen button/Bild. Es ist auch nicht die Adresse Staat/Auswahl - es wurde nicht erwähnt, aber ich vermute, dass der OP will nur wählen radio & checkbox Werte, nicht alle Werte - und in jedem Fall Werte müsste eine Liste oder ein array?
    • Du hast Recht, aber ich wies darauf bartclaeys in die richtige Richtung (IMHO). Ich werde den code aktualisieren, jedoch bald.
    • Thx Moff! Immer noch erfordert eine Menge code (wenn ich will hinzufügen, wählt etc). Dachte, es war etwas um, wie SerializeToDataObject.
    InformationsquelleAutor moff
Schreibe einen Kommentar