jquery - JSON, <Tabelle>

Habe ich Json-von der form

[{"id":39,"data":1},{"id":40,"data":2}]

Es nicht analysieren, richtig mit jQuery.parseJSON()

Muss ich an diese Daten, und erstellen Sie eine html -table. Ich dachte, die Erstellung der HTML dynamisch in js.

A. Wie kann ich das Parsen der json?

B. dynamic html die beste route?

Update
entschuldige ich mich. Offensichtlich ist meine Frage nicht klar. Hier ist die jquery

 $.get('Service.aspx',
    { p1: value, p2: value },
    function (data) {
        notesJson = data;
        alert(notesJson);//Json comes back as I said here...
        var noteSet = jQuery.parseJSON(notesJson);
        alert(noteSet.notes);                      
 });

Notizen existiert im Json-Format.
Der zweite Alarm schlägt "undefined".

wo ist der JSON aus?
Anfrage an ASP.NET Seite verwendet JavaScriptSerializer msdn.microsoft.com/en-us/library/...
was ist die Fehlermeldung?
$.parseJSON('[{"id":39,"data":1},{"id":40,"data":2}]'); arbeitete in der FF-Konsole für mich. Wie ist es nicht richtig funktioniert für Sie? Fehler, null-Objekte? Welche browser gibt Ihnen Probleme.
Sind Sie auf der Suche nach noteSet[0].die Notizen? auf der Grundlage der Beschreibung Ihrer Daten format noteSet wäre ein array von Objekten.
ich bearbeitet meine Antwort auf dein update
und ich sehe kein element in der jQuery aufgerufen notes
Naja...Jemand hatte eine Antwort und schlug ich $getJson() und eine Tabelle verweisen. Das hat wunderbar funktioniert!! Aber jetzt sind Sie gelöscht oder geändert die Antwort, so kann ich nicht geben Ihnen Kredit...ich glaube, es war @Neal

InformationsquelleAutor P.Brian.Mackey | 2011-05-13

jquery

Ok, basierend auf Sie die Bemerkung auf Ihre Frage:

Verwenden $.getJSON statt $.get:

$.getJSON('someurl', {/*somedata*/}, function(json_data){

    //no need for parsejson
    //use the json_data object

    var table_obj = $('table');
    $.each(json_data, function(index, item){
         var table_row = $('<tr>', {id: item.id});
         var table_cell = $('<td>', {html: item.data});
         table_row.append(table_cell);
         table_obj.append(table_row);
    })

})

Anstelle der Verwendung von string-Literale, wie in Neal ' s Antwort, es gibt durchaus ein paar javascript-Template-Bibliotheken, die Sie verwenden können. Microjs Listen ganz wenige und es gibt auch jQuery Templates.
Ich habe Ihre ursprüngliche Antwort. Die $.getJson war vor Ort auf und einfach.
ich drehte mich wieder um, die ursprüngliche Antwort

InformationsquelleAutor Neal

5

Was Sie haben, ist ein array, müssen Sie ein Objekt. Versuchen
```
 { "notes" : [{"id":39,"data":1},{"id":40,"data":2}] } 
```
als json

oder tun dies
```
  alert(noteSet[0]);
  alert(noteSet[1]);
```
- AFAIK - ich habe keine Kontrolle über die Art und Weise .NET Json serialisiert. Ich bin mit JavaScriptSerializer Klasse in ASP.NET
- Dies ist, weil Sie die .get-Funktion glaube ich. Wenn Sie verwenden .ajax können Sie angeben, Protokoll und das funktioniert besser mit .Auch net, könnten Sie wickeln Sie Ihre Ergebnisse, oder verwenden Sie die json-serializer.
- Sie können festlegen, dass das Protokoll mit .get sowie bei der übergabe in das Letzte argument.
- habe ich gerade Zeit Reisen 20 Monaten?
- Yep. ja hast du ^_^ alle timey wimey
InformationsquelleAutor Hogan
1

Du sagst, du bist mit .NET so könnten Sie
```
return Json(yourObject, JsonRequestBehavior.AllowGet);
```
statt JavaScriptSerializer.
Sie nicht haben, zu analysieren.
- +1 Schöne Anregung
InformationsquelleAutor Julien
1

Hier ist eine andere gute Bibliothek einfach zu erreichen:
https://github.com/afshinm/Json-to-HTML-Table

Geben Sie einfach die JSON-Daten zu dieser Bibliothek und Holen Sie sich die HTML-Tabelle:
```
//Only first parameter is required
var jsonHtmlTable = ConvertJsonToTable(objectArray, 'jsonTable', null, 'Download');
```
InformationsquelleAutor Afshin Mehrabani
0

Ein jquery-plugin, das akzeptiert JSON-Daten zu füllen eine Tabelle machen könnte. jsonTable

InformationsquelleAutor Omkar Khair

Hier ist eine andere Weise, unter Berücksichtigung der Rubriken der Tabelle für eine typische Datenbank-Abfrage. Basierend auf Neil ' s Antwort:

$.getJSON('bower.json', {}, function(json_data) {
            var table = $('table');
            $.each(json_data, function(key, item) {
                var table_row = $('<tr>');
                $.each(item, function(itemKey, itemValue) {
                    if (key == 0) {
                        table.append($('<th>', {html: itemKey}));
                    }
                    table_row.append($('<td>', {html: itemValue}));
                });
                table.append(table_row);
            });
        });

InformationsquelleAutor Juan Herrera

Versuchen, diese vollständige code:

<head>
    <script type="text/javascript">  
    $.getJSON('URL', function(json_data){

        var table_obj = $('table');
        $.each(json_data, function(index, result){
             var table_row = $('<tr>', {});
             var table_cell1 = $('<td>', {html: result.firstName});//result.yourDataAttributes
             var table_cell2 = $('<td>', {html: result.lastName});
             var table_cell3 = $('<td>', {html: result.age});
             table_row.append(table_cell1,table_cell2,table_cell3);
             table_obj.append(table_row);
        })

    });
    </script>
</head>
<body> 
<table id=""></table> 
</body>

InformationsquelleAutor A_BOSS

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.