【下载文档:  JQuery通过后台获取数据遍历到前台的方法.txt 】

---

JQuery通过后台获取数据遍历到前台的方法
做项目中，经常会通过调用后台接口把数据显示到前台页面上来，之前遇到过的问题是，前台页面是用ul+li标签写的，在调用接口调试时发现返回的数据有很多组的，而在前台显示的时候只有一条数据，毋容置疑，一定是遍历时出现了问题，下面来简单分析下。
前台代码：
案例1：

调用接口：（每个公司用的方法不一样，我这边暂时用封装好的ajax调用）

效果：（通过append的方法把后台的几组数据追加到ul里面）
案例2：(通过后台传入的参数，在每个li标签的a里面加上 子数量/总数量，例如标签1 2/12，... ...)

调用接口：

效果：（1/10、3/11、1/12分别是后台获取的数据）
总结：两种获取数据的方法，一种是通过append的方法把li直接拼接到ul里面，一种是前台写死，后台数据根据前台的id进行一一对应来获取。
以上这篇JQuery通过后台获取数据遍历到前台的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持中文源码网。