Wie setzen die AJAX-Antwort auf jquery Daten Tabelle Spalten?

Kann mir jemand sagen, wie die Antwort auf jquery Daten zu den einzelnen Spalten der Tabelle.

Hier ist mein javascript code:

$(document).ready (function() {
$.ajax({
    url: 'userController?action=list',
    success : function(response) {
        var jsonObject = $.parseJSON(response); 
        alert(jsonObject.Password);
        alert(jsonObject.UserId);
        $('#usertable').dataTable( {
            data : jsonObject,
            columns: [
                      {'jsonObject' : 'UserId'},
                      {'jsonObject' : 'Password'},
                      {'jsonObject' : 'Level'},               
                      ],
            searching : false
        });
    }
});});

Hier die Antwort in String-und die Antwort ist
{"UserId" : "Manohar", "Password" : "1234", "Level" : "lev"}.

Unten ist die jsp-Seite.

<table id="usertable">
<thead>
    <tr>
        <th>User Id</th>
        <th>Password</th>
        <th>Level</th>
    </tr>
</thead>

Ich geschrieben habe, der über und weder ich erhalte die Fehlermeldung noch die Zeile Hinzugefügt wird, zu Tisch. Könnt Ihr mir helfen?

InformationsquelleAutor manohar e | 2016-07-19

2

Hier die Lösung um die Antwort zu ändern.
Früher war es {"userid":"manohar", "password":"1234"}, jetzt habe ich es geändert [["manohar", "1234"]].
Dann in der js-Datei
```
$.ajax({
    url: 'userController?action=list',
    success : function(data, textStatus, jqXHR) {
        var table_data = JSON.parse(data);
        var table = $('#usermaintenancetable').DataTable( {
            data: table_data
}); } });
```
Hier also die Antwort ist im String-format und ich habe es ändern zu JSON JSON.parse() übergeben, diese als Daten-zu-Daten-Tabelle.

InformationsquelleAutor manohar e

verwenden Sie diese

$(document).ready (function() {
$.ajax({
    url: 'userController?action=list',
    success : function(response) {
        var jsonObject = $.parseJSON(response); 
        alert(jsonObject.Password);
        alert(jsonObject.UserId);
        $('#usertable').dataTable( {
            data : jsonObject,
            //data : response,
            columns: [
                      {"data" : "UserId"},
                      {"data" : "Password"},
                      {"data" : "Level"}              
                      ],
            searching : false
        });
    }
});});

ändern, nur jsonObject zu data

Versuchen Sie eine Andere Methode, die u verwenden können ASP.NET MVC

$(document).ready(function () {
   $.get("/userController/list", function (data) {
        // console.log(data);
        if (data != null) {
             $('#usertable').dataTable({                           
                       data: data,
                       columns: [
                                 {"data" : "UserId"},
                                 {"data" : "Password"},
                                 {"data" : "Level"}              
                                ],
                      searching : false
                      });
                    }
                })
            });

error-Massagen auf Konsole?
Ich habe versucht, das dieser Ansatz auch, aber nicht arbeiten. Und es sind keine Fehler auf der Konsole.
Sie haben alle Daten alert(jsonObject.Password);
versuchen Sie, diese data : jsonObject, ändern data : response,
Ich arbeite mit Spring MVC. Eigentlich bin ich in der Lage, die Antwort, aber das gleiche ist nicht in der Lage, die Anwendung auf Daten-Tabellen.

InformationsquelleAutor Vidhyadhar Galande

0

Sollten Sie nicht erneut initialisieren datatable in Ihrem Erfolgs-Methode. Sobald du das json-response-Objekt verwenden, sollten Sie Zeile.add() Methode,

Sol 1: (Zum Durchschleifen von JSON Objekten)
```
success:function(data, textStatus, jqXHR) {
    $.each(data, function (i,item) {
        var rowNode= [ item.UserId, item.Password, item.Level]
        dataTable.row.add(rowNode).draw();
    }); 
}
```
Sol 2 :(Für JSON-string Werte)
```
success:function(data, textStatus, jqXHR) {
        var jsonData = JSON.parse(data);
        var rowNode= [ jsonData.UserId, jsonData.Password, jsonData.Level]
        dataTable.row.add(rowNode).draw();
}
```
Der obige code fügt eine Zeile zu einem Zeitpunkt. Zum hinzufügen mehrerer Zeilen auf einmal, verwenden Sie Zeilen.add() API-Methode

mit dem obigen code erhalte ich folgende Fehlermeldung jquery.js:569 Uncaught TypeError: Cannot use 'in' - operator die Suche nach "Länge" in {"UserId" : "lin", "Password" : "1111", "Level" : "admin"}
Können Sie bitte versuchen Sie die aktualisierte code?
immer noch kein Glück 🙁 Erste undefiniert Fehler für das Element.UserId (für alle). Wenn ich Zugriff von außerhalb des $.jedes(), ich kann drucken zu können, JSON.parse(data).UserId, aber nicht in der Lage, Sie Zeile hinzufügen, um die Daten-Tabelle.
Ok, dann versuchen Sie einfach, ohne Element. Versuchen Sie, meine alternativen code.
Dank Der Glücklichen. Ich habe geändert, die Antwort. Statt {"UserId": "name", "Password":"12345"}, [[, "name", "12345"]]. Und dann analysiert es mit JSON.parse(data). Mit diesem Ansatz ist es wunderbar funktioniert 🙂

InformationsquelleAutor Lucky

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.