jQuery laden einige json-Datensätze in einem Formular Felder?

habe ich eine json-Datei:

 {
    "data": "Click",
    "size": "Here"    }

form:

<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>

ich Frage mich, was ist die korrekte Syntax für das laden mehrere json-Datensätze in mehrere Formular-Elemente?? Etwas wie eine form, die u wollen, u wollen, um zu ändern, und die Werte bekommen queered in diese Felder

ich weiß, dass ich kann verwenden:

$getJSON('link_to_json_file' function() {

});

aber ich bin hier hängengeblieben
Dank

InformationsquelleAutor Patrioticcow | 2011-04-09

  1. 13

    Oder wenn Sie Ihre Daten zurückzugeben, wurde Feldname-Wert-Paare wie:

    {"firstname" : "John", "lastname" : "Doe"}

    könnte man es machen, wie:

    $.getJSON('url_to_file', function(data) {
    for (var i in data) {
        $('input[name="'+i+'"]').val(data[i]);
    }
});
    $.each(data, function(key, val) { }); statt for besser sein wird
    warum wäre es besser? benchmarks, die ich gesehen habe, zeigen, dass die Traversierung mit der native for-Schleifen ist schneller, vor allem mit großen Objekten.
    ok, kann sein das es ein bisschen schneller, aber each syntax sieht wie ein normaler iterator im Vergleich zu nativen for mit einigen Dingen wie data[i] und wenn Sie nicht über sehr große Objekte haben, ich glaube, Sie sollten each
    Während der OP ' s Beispiel wird Eingabe, es sollte angemerkt werden, dass der mitgelieferte code wird nicht getroffen Texteingabefelder. Ich würde dies ändern, um $('.form-class *[name="'+i+'"]').val(data[i]); - Wo .form-class ist die form, die Sie wollen, sind zu target.

    InformationsquelleAutor William W. Doyle

  2. 2

    Könnten Sie werfen Sie einen Blick auf das JQuery-loadJSON-plugin auf der http://code.google.com/p/jquery-load-json/ ? Auf der Seite http://code.google.com/p/jquery-load-json/wiki/WorkingWithFormElements wird erklärt, wie man dieses plugin laden von JSON-Objekt in das Formular ein. Sie finden auch ein live-Beispiel hier http://jquery-load-json.googlecode.com/svn/trunk/edit.html?ID=17. Ich denke, dass dies genau das ist, was Sie brauchen. Erstellen Sie einfach das leere Formular und laden von json in das Formular mit dem folgenden code:

    $('form').loadJSON(data);

    Diesem plugin verwaltet alle Formular-Elemente wie Checkboxen, select-Liste mit radio-buttons etc. Wenn Sie es verwenden, müssen Sie Sie herunterladen plugin aus dem http://code.google.com/p/jquery-load-json/source/browse/trunk/scripts/jquery.loadJSON.js.

    InformationsquelleAutor Jovan MSFT

  3. 1

    So, was ist falsch mit $.getJSON? Es funktioniert gut:

    $.getJSON("1.json", function(data) {
  $('input[name="firstname"]').val(data["data"]);
  $('input[name="lastname"]').val(data["size"]);
});
    ja, das funktioniert, aber ich war auf der Suche für eine kürzere version des Codes, weil ich vielleicht 20 input-Boxen

    InformationsquelleAutor Vasiliy Ermolovich

  4. 1

    Können Sie auch $.bekommen wie unten;

    $.get('your_file.[php/json]',function(d){
    $("input[name='firstname']").val(d.data);
    $("input[name='firstname']").val(d.size);
},'json');

    InformationsquelleAutor thecodeparadox

Schreibe einen Kommentar