无刷新加载数据前后端配合示例
无刷新加载的完整案例，前后端配合比较到位。index.html负责初次渲染和数据展示，result.php根据前端求动态返回 JSON 数据，结构清晰，逻辑简单。对小白挺友好，拿来就能跑，稍改下 SQL 语句和样式就行。
滚动到底自动加载更多，用的思路是前端通过 JS 监听滚动事件，触发求数据，异步拿到结果拼接 DOM。代码不多，但比较实用，尤其适合做商品列表、评论区那种持续加载的场景。
多网上的例子只给json或php，要整合起来还得费功夫，这份资源就省心不少。结构上分了两页，其实也可以合并成单页应用，灵活调整。
如果你是刚接触无刷新加载或者不想造轮子，可以先试试这个，改改 SQL、调整下 UI，基本就能上线用了。实在不懂Pjax、iscroll这些关键词，可以看看文末那几个参考链接，都是干货。
文件大小：1.5KB
评论区