用Jquery dataTable, 但页面上数据过多, 加载页面是会提示stop plugin. 如何提高效率.-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

用Jquery dataTable, 但页面上数据过多, 加载页面是会提示stop plugin. 如何提高效率.

2016-05-25 13:47:42 3349 1

使用的框架是symfony, twig.
页面大约有6000条数据需要现实, 我是全部数据加载后使用dataTable来分页, 同时查询.
但是在加载时明显会卡住, 偶尔还会跳出busy 是否continue 或 stop script的confirm窗.

screenshot

内存使用在67MB左右.

screenshot
这是后台代码

public function indexAction()
{
    $em = $this->getDoctrine()->getManager();
    $qb = $em->createQueryBuilder();
    $qb->select('p.id, p.name as pname, wave.name as wname')
            ->from('AlbatrossAceBundle:Project', 'p')
            ->leftJoin('p.customwave', 'wave');
    $result = $qb->getQuery()->getArrayResult();

    return $this->render('AlbatrossAceBundle:Project:index.html.twig', array(
        'entities' => $result,
    ));
}

这是我的dataTable配置

<script type="text/javascript">
$(function () {
    $('#data-table').dataTable({
        "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
        "bFilter": true,
        "aaSorting": [[0, 'desc']],
        "iDisplayLength": 20
    });
    $('#data-table_filter').css('display', 'block');
});
</script>
取消 提交回答
全部回答(1)
  • 云栖技术
    2019-07-17 19:14:08

    建议后端分页。
    6000条数据无论对于前端还是后端来说都过于巨大了,这不是中意不中意的问题,这是能做不能做的问题,答案也很简单,不能做。

    如果真的有6000条数据要用js来处理,写原生js可能会提高一部分效率,假使目前js引擎的速度都提高10倍,前端OK了,后端如此大的数据量也会在个位数并发的时候直接拖垮数据库。

    写代码是为了解决问题,而不是为了个人感觉爽。
    一次性加载6000条数据,在前端分页,不是违反最佳实践,而从根本上就是个错误的设计。

    0 0
相关问答

1

回答

jQuery 如何重定向页面?

2016-07-08 16:21:05 3012浏览量 回答数 1

1

回答

如何更改 jQuery Mobile 的 Ajax 默认提示?:报错 

2020-06-04 21:07:27 263浏览量 回答数 1

1

回答

jQuery 瀑布流 ajax动态加载 图片格式出错? 400 报错

2020-06-05 12:36:05 688浏览量 回答数 1

1

回答

jquery ajax返回数据次序一问? 400 报错

2020-06-05 13:43:36 317浏览量 回答数 1

1

回答

用jquery ajax发送下载文件请求到后台不可以下载吗? 400 请求报错 

2020-05-29 22:57:12 418浏览量 回答数 1

1

回答

jquery ajax和post的问题,两者有什么不同?

2016-03-24 09:06:23 1636浏览量 回答数 1

1

回答

用 jquery ajax 实现点击图片提交form问题

2016-03-24 09:31:02 1654浏览量 回答数 1

1

回答

怎么用jQuery、Ajax、php实现这样的无刷新编辑功能?

2016-03-24 09:33:11 2060浏览量 回答数 1

1

回答

用jquery的ajax提交表单到servlet参数出现乱码,如何修改?

2016-03-23 18:12:08 1963浏览量 回答数 1

1

回答

关于 jquery实现Ajax 但是没有效果

2016-02-17 21:55:35 2424浏览量 回答数 1
+关注
云栖技术
社区爱好者,专为云栖社区服务!
文章
问答
问答排行榜
最热
最新
相关电子书
更多
JS 语言在引擎级别的执行过程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载