做项目中,经常会通过调用后台接口把数据显示到前台页面上来,之前遇到过的问题是,前台页面是用ul+li标签写的,在调用接口调试时发现返回的数据有很多组的,而在前台显示的时候只有一条数据,毋容置疑,一定是遍历时出现了问题,下面来简单分析下。
前台代码:
案例1:
经办记录
- 时间 步骤 意见
调用接口:(每个公司用的方法不一样,我这边暂时用封装好的ajax调用)
效果:(通过append的方法把后台的几组数据追加到ul里面)
案例2:(通过后台传入的参数,在每个li标签的a里面加上 子数量/总数量,例如标签1 2/12,... ...)
调用接口:
效果:(1/10、3/11、1/12分别是后台获取的数据)
总结:两种获取数据的方法,一种是通过append的方法把li直接拼接到ul里面,一种是前台写死,后台数据根据前台的id进行一一对应来获取。
jQuery如何实现套选项卡功能 jQuery实现套选项卡功能代码示例
jquery插件实现图片悬浮代码示例
jquery如何实现抽奖功能 jquery实现抽奖功能代码示例
jQuery如何实现计算器功能 jQuery实现计算器功能代码示例
jQuery zTree改变指定节点文本样式代码示例
Jquery使用each函数实现遍历及数组处理代码实例