JSON文件内容格式
[ {"title":"aaaaaaaaa","content":"bbbbbbbbbbbbbbbbbb","page":"1"}, {"title":"ccccccccc","content":"dddddddddddddddddd","page":"2"}, {"title":"eeeeeeeee","content":"ffffffffffffffffff","page":"3"} ]
JS代码:
$(function () { //点击显示更多 var i = 1; //初始页数为1 $('.more').click(function () { $('.p_2').show(); setTimeout(function () { $.getJSON("json文件路径", function (data) { //过滤 data = $.grep(data, function (item) { return item.page == i; }); if (data && data != '') { //循环 $.each(data, function (index, array) { var content = "<ul><li class='li_1'><a href='#'><img src='' alt=''></a></li><li class='li_2'><h2>" + array['title'] + "</h2><p>" + array['content'] + "</p></li></ul>"; $('.content').append(content); }); i++; } else { $('.more a').html("没有更多了"); } $('.p_2').hide(); }); }, 1000); }); });
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
相关文章
php 多维数组筛选判断2020-12-27
ajax 随机调用json数组显示2019-06-19
php+jquery+ajax+json的一个最简单实例2019-06-18
php 中返回json 数据实现callback2018-11-18