【问题标题】:how to render dataSet in datatable using javascript如何使用javascript在数据表中呈现数据集
【发布时间】:2016-03-21 16:32:13
【问题描述】:

我正在尝试连接字符串以将其传递给数据表,我从 servlet 获取数据,当我放置静态字符串时它可以工作,但我不知道如何使用循环处理它,因为它是动态数据

function getMsgHandler(responseTxt, statusTxt, xhr) {
    alert(responseTxt);
    if (statusTxt === "success") {
        products = responseTxt;
        var s = "";
        for (i = 0; i < products.length; i++) {
            if (i === 0) {
                s = s + '[' + products[i].productID + ', "' + products[i].name + '", "' + products[i].description + '", "' + products[i].img + '", ' + products[i].price + ' ]';
            } else {
                s = s + ', [' + products[i].productID + ', "' + products[i].name + '", "' + products[i].description + '", "' + products[i].img + '", ' + products[i].price + ']';
            }
        }
        dataSet = '[ ' + s + ' ]';
        $('#example').DataTable({
            data: dataSet
        });
    }
}

我希望它是这样的格式

var dataSet = [
    ["m", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
    ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
    ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
    ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"]
];

【问题讨论】:

  • 我认为,如果您向我们展示您拥有的数据以及您想要什么,这会容易得多。如果你控制服务器,直接输出正确的格式可能会更容易。
  • 你想要的格式是数组数组。你应该从这个角度来处理它,而不是一个带有括号的字符串。

标签: javascript servlets datatables


【解决方案1】:

改用下面的代码:

function getMsgHandler(responseTxt, statusTxt, xhr) {
    if (statusTxt === "success") {
        $('#example').DataTable({
            data: responseTxt,
            columns: [
               { data: 'productID' },
               { data: 'name' },
               { data: 'description' },
               { data: 'img' },
               { data: 'price' }
            ]
        });
    }
}

【讨论】:

  • @AyaRadwan,请发responseTxt的内容。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-07-09
  • 1970-01-01
  • 2013-03-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-13
相关资源
最近更新 更多