Javascript 使用Ajax | PHP&;在分页中显示数据时出错;MySQL

Javascript 使用Ajax | PHP&;在分页中显示数据时出错;MySQL,javascript,php,jquery,ajax,mysqli,Javascript,Php,Jquery,Ajax,Mysqli,这是我的HTML结构,一个简单的布局: .flex{ 显示器:flex; } .证明{ 证明内容:之间的空间; } .表格标题{ 填料:2米; } .搜索栏{ 位置:相对位置; 宽度:34%; } 输入导引头{ 边界半径:1米; 右:0; 过渡:所有.3s易于输入输出; 宽度:50%; 位置:绝对位置; 填料:1.2米; 高度:2.4em; 边框:1px实心#363535; 背景色:#333; 大纲:无; 颜色:#999898; } 输入。搜索者:聚焦{ 宽度:70%; 右:0em; } bu

这是我的HTML结构,一个简单的布局:

.flex{
显示器:flex;
}
.证明{
证明内容:之间的空间;
}
.表格标题{
填料:2米;
}
.搜索栏{
位置:相对位置;
宽度:34%;
}
输入导引头{
边界半径:1米;
右:0;
过渡:所有.3s易于输入输出;
宽度:50%;
位置:绝对位置;
填料:1.2米;
高度:2.4em;
边框:1px实心#363535;
背景色:#333;
大纲:无;
颜色:#999898;
}
输入。搜索者:聚焦{
宽度:70%;
右:0em;
}
button.btn-search{
显示:块!重要;
背景色:透明;
边界半径:50%;
高度:2米;
右:2px;
顶部:0.3em;
过渡:所有.3s易于输入输出;
宽度:2米;
边界:无;
位置:绝对位置;
大纲:无;
}
按钮。btn搜索:之前{
内容:“;
显示:内联块;
背景尺寸:封面;
位置:相对位置;
顶部:4px;
宽度:25px;
高度:25px;
背景图像:url(../img/website/svg/search.svg);
}
.桌子{
宽度:100%;
最大宽度:100%;
边缘底部:20px;
}
.bootgrid表{
表布局:固定;
}
桌子{
背景色:透明;
边界间距:0;
边界塌陷:塌陷;
}
th{
字号:100;
文本对齐:左对齐;
}
.表td{
溢出:隐藏;
-ms文本溢出:省略号;
-o-text-overflow:省略号;
文本溢出:省略号;
空白:nowrap;
}
.table>tbody>tr:n类型(奇数){
背景色:#f9f9f9;
}
.table>tbody>tr:悬停{
背景色:#F5;
}
.表格>主题>主题>主题,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td{
填充:8px;
线高:1.42857143;
垂直对齐:中间对齐;
/*边框顶部:1px实心#ddd*/
边框:1px实心#ddd;
}
.table>caption+thead>tr:first child>th,
.table>colgroup+thead>tr:first child>th,
.table>thead:first child>tr:first child>th,
.table>caption+thead>tr:first child>td,
.table>colgroup+thead>tr:first child>td,
.table>thead:first child>tr:first child>td{
/*边界顶部:0*/
}
.table>thead>tr>th{
垂直对齐:底部对齐;
边框底部:2倍实心#ddd;
}
span#添加,
span.view\u数据,
span.edit_数据{
光标:指针;
}
i、 图标删除:悬停,
i、 图标添加新:悬停,
i、 图标视图:悬停,
i、 图标编辑:悬停{
滤光片:亮度(40%);
}
.分页{
显示:内联块;
左侧填充:0;
利润率:20px0;
边界半径:4px;
}
.pagination>li{
显示:内联;
}
.pagination>li:first child>a、.pagination>li:first child>span{
左边距:0;
边框左上半径:4px;
边框左下半径:4px;
}
.pagination>.disabled>a,
.pagination>.disabled>a:焦点,
.pagination>.disabled>a:悬停,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:悬停{
颜色:#777;
光标:不允许;
背景色:#fff;
边框颜色:#ddd;
}
.pagination>li>a、.pagination>li>span{
位置:相对位置;
浮动:左;
填充:6px 12px;
左边距:-1px;
线高:1.42857143;
颜色:#337ab7;
文字装饰:无;
背景色:#fff;
边框:1px实心#ddd;
光标:指针;
}
.pagination>li>a.active{
背景色:#f7f7f7;
光标:不允许;
}

10
25
50
100
条目
谷歌
堆栈溢出
贝宝
身份证件
身份证客户
名称
电子邮件
罗尔
登记日期
行动

图片中显示的数据对象不是数组,而是JSON对象。数组位于该对象的属性users内,因此应该迭代该属性。还可以使用try-catch,以便理解错误

    try{
        //put all your code here
        for (let i = 0; i < data.users.length; i++) {
                tableRows += `
                    <tr>
                        <td>${data.users[i].id_user}</td>
                     
                    </tr>`;
        }
   }
   catch(e){
      console.log(e);
   }
试试看{
//把你所有的代码都放在这里
for(设i=0;i
console.log(数据)打印的是什么?你确定数据是数组吗?请共享数据日志。@Matt I attach a capture friend@El_Vanja I attach a capture friend I.imgur.com/kKn0iHZ.png
data
是一个对象,它有一个名为
users
的属性。这个属性保存你的数组。它不工作,那么如果你认为这会导致这个问题,我应该如何生成json。有人告诉我:这个答案中的JavaScript是ES6,因此,如果您不进行传输或支持较旧的浏览器,则字符串插值将不会产生预期的结果;而不是数据。长度;?如我在示例中所示,使用try-catch,以便了解问题所在