Question

我在javascript数组中列出了500个数据（产品名称，产品价格，网址产品等）。我可以轻松加载完整的数据（500个产品），但性能也不好。我想知道是否可以在jquery（ajax）中使用分页系统，每个页面只加载5个结果（而不是我的所有数组）。

提前谢谢

Answer 1

我假设你在同时构建html，是吗？这是一种限制页面上呈现数据的简单方法。

http://jsfiddle.net/m0nk3y/py7gmevt/

代码看起来像这样：

<div class="container"></div>

var $cont = $('.container');
var products = [
    { name:'A', price:'$1.00'},
    { name:'B', price:'$2.00'},
    { name:'C', price:'$3.00'},
    { name:'D', price:'$4.00'},
    { name:'E', price:'$5.00'},
    { name:'F', price:'$6.00'},
    { name:'G', price:'$7.00'},
    { name:'H', price:'$8.00'},
    { name:'I', price:'$9.00'},
    { name:'J', price:'$10.00'}
];

$.each(products, function(i, obj) {
    if (i === 5) { return false };

    $cont.append('<p><strong>'+obj.name+'</strong> - <span>'+obj.price+'</span></p>');
});

如果对于正在将所有数据移动到数据库中的产品，这可能是更好的解决方案。但是，如果你要做原型或测试一些东西，我假设你是，这可能会有所帮助。如果这不是你想要的，请告诉我，也许你可以给我更多细节。祝你好运！

ajax中的性能分页（不要加载所有）

1 个答案: