javascript - 如何设置 AJAX 响应到 jquery 数据表列？

Question

谁能告诉我如何将对 jquery 数据的响应设置为每个表列。

这是我的javascript代码:

$(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
        });
    }
});});

这里是字符串中的响应，响应是 {"UserId": "Manohar", "Password": "1234", "Level": "lev".

下面是jsp页面。

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

我已经写了上面的内容，但我没有收到错误，也没有将行添加到表中。你们能帮我解决这个问题吗？

Answer 1

这里的解决方案是改变响应。 之前是{"userid":"manohar", "password":"1234"}，现在改成了[["manohar", "1234"]]。 然后在js文件中

$.ajax({
    url: 'userController?action=list',
    success : function(data, textStatus, jqXHR) {
        var table_data = JSON.parse(data);
        var table = $('#usermaintenancetable').DataTable( {
            data: table_data
}); } });

所以这里的响应是字符串格式，我使用 JSON.parse() 将其更改为 JSON，然后将其作为数据传递给数据表。