javascript - ajax数据显示在10行的表格中

Question

我有一个ajax函数，它根据输入的信息从数据库中选择数据，我希望这些信息位于具有如下格式的表格中

系统 ID |姓氏 |名字 |中间名 |地址

这是我的ajax

$.ajax({
    type: 'POST',
    url: '../include/OwnerInformation.php',
    dataType: "json",
    data: {
        lastname: last_name,
        firstname: first_name,
        sysid: sys_id,
        address: address
    },
    success: function(data) {

        console.log(data);
        var tr = ("#searchresults");
        for (var i = 0; i < data.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + "<a  id=" + data[i].sys_id + " href='#' value='" + data[i].sys_id + "'>" + data[i].sys_id + "</a>" + "</td>");
            tr.append("<td>" + data[i].firstname + "</td>");
            tr.append("<td>" + data[i].middlename + "</td>");
            tr.append("<td>" + data[i].lastname + "</td>");
            tr.append("<td>" + data[i].address + "," + "</td>");

            $('table').append(tr);


        }

    }


});

我得到了添加行的教程here但它的行为并不像我想要的那样。我想要的是

1. 结果将显示在特定表格(搜索结果表)中 - 确定
2. 表格的行数固定(10 行)
3. 如果结果低于 10，如果行数更多，则行仍为 10 超过 10 条时，将显示下 10 条，并带有下一个和上一个按钮

Answer 1

对于你的号码 2: 只需使用

for (var i = 0; i < 10; i++)

如果 data[i] 为 null，则可以实例化 data[i] 的空值

对于你的号码 3:

您应该编辑您的 php，以便它接受类似 table.php?limit=10&startRow=10 的内容(这应该获取第二页)