微客导航 » 文章资讯 » 代码实例ajax实现点击加载更多数据图片

代码实例ajax实现点击加载更多数据图片

2023-09-07 16:32:04 252

本文给大家介绍ajax如何实现点击加载更多数据图片（预加载）效果的，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。





ajax点击加载更多数据--博客园--勇淘未来

加载中...

查看更多图片没有更多了

本地测试dataNews.json文件:

[{
"img":"img/sina.jpg","title":"百度音乐1"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐2"
}
,{
"img":"img/sina.jpg","title":"百度音乐3"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐4"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐5"
}
,{
"img":"img/sina.jpg","title":"百度音乐6"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐7"
}
,{
"img":"img/sina.jpg","title":"百度音乐8"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐9"
}
,{
"img":"img/sina.jpg","title":"百度音乐10"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐11"
}
,{
"img":"img/sina.jpg","title":"百度音乐12"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐13"
}
,{
"img":"img/sina.jpg","title":"百度音乐14"
}
,{
"img":"img/tengxu.jpg","title":"百度音乐15"
}
]

点击更多图片，加载2条数据，当数据加载完了，就显示“没有更多了”

返回顶部
3162201930
czq8825@qq.com

代码实例ajax实现点击加载更多数据图片

热门推荐

随机推荐