JQuery通过后台获取数据遍历到前台的方法

做项目中，经常会通过调用后台接口把数据显示到前台页面上来，之前遇到过的问题是，前台页面是用礼券列表标签写的，在调用接口调试时发现返回的数据有很多组的，而在前台显示的时候只有一条数据，毋容置疑，一定是遍历时出现了问题，下面来简单分析下。

前台代码：

案例1:

div='记录' div='记录左文本中心fl ' PS声相经办记录/span/p/div div class=' record right fl ' ul class=' fl ' lispan时间/spanspan步骤/spanspan意见/span/Li/ul class=' fl ' id=' PRO _ UL '/ul/div/div调用接口：(每个公司用的方法不一样，我这边暂时用封装好的创建交互式、快速动态网页应用的网页开发技术调用)

脚本类型=' text/JavaScript ' var APPLICATIONID=' '；$(function(){ var data=new Object()；数据APPLICATIONID=cvcframework。geturlparam(' id ')；//APPLICATIONID接口参数CVCFrameWork.getUrlParam封装的获取编号方法AjaxUtil .Ajax(')./服务器/服务器。' aspx/getHandleOpinions '，JSON.stringify(数据)，null，AjaxSuccess，null，null)；});//成功之后要.函数Ajax成功(数据){ var result=JSON.parse(数据);if(结果。state==' SUCCESS '){ var message=result。消息；var info=JSON.parse(消息);if(信息。长度0){ for(var I=0；iinfo . lentigi){ var myli=' lispan ' info[I].生产日期'/spanspan '信息[i].PRONAME/span span ' info[I].证据'/span/Li '；$('#PRO_UL ').追加(myli)；//下面三行代码对应的字段是之前写的，获取出来的只是一组数据//$('#PRODATE ').html(信息[i].PRODATE)；//$('#PRONAME ').html(信息[i].PRONAME)；//$(' # PROCRATION ').html(信息[i].PROGRATION)；} } } }/脚本效果：(通过附加的方法把后台的几组数据追加到保险商实验所里面)

案例2:(通过后台传入的参数，在每个里标签的a里面加上子数量/总数量，例如标签1 2/12,)

div=' Mobile _ left _ con clear fix ' ul=' clear fix ' Li id=' T _ 00001 ' a href=' ./unitlicenserruletingtail。html ' rel='外部不跟随' rel='外部不跟随' rel='外部不跟随' span标签1/span span class=' T _ 00002 '/span/a/Lili id=' T _ 00002 ' a href=' ./unitlicenserruletingtail。html ' rel='外部不跟随' rel='外部不跟随' rel='外部不跟随' span标签2/span span class=' T _ 00002 '/span/a/Lili id=' T _ 00003 ' a href=' ./unitlicenserruletingtail。html ' rel='外部不跟随' rel='外部不跟随' rel='外部不跟随' span标签3/span span class=' T _ 00003 '/span/a/Li/ul/div调用接口：

脚本类型=' text/JavaScript ' var ABID=' '；var action=0；var ACCOUNT=var ACENABLE=$(function(){ Init()；});函数UnitRuleInit(){ var data=new Object()；数据ABID=' T _ 00001；t _ 00002t _ 00003 '；//写死AjaxUtil .Ajax(')././服务器/服务器。' aspx/license info '，JSON.stringify(数据)，null，AjaxSuccess，null，null)；};函数Ajax成功(数据){ var result=JSON.parse(数据);if(结果。state==' SUCCESS '){ var message=result。消息；var info=JSON.parse(消息);if(信息。长度0){ for(var I=0；iinfo.lengthi ) {$(' .信息[i].ABID).html(信息[i].' ECONABLE '/'信息[i].ACCOUNT)；} } } }/脚本效果：(1/10、3/11、1/12分别是后台获取的数据)

总结：两种获取数据的方法，一种是通过附加的方法把里直接拼接到保险商实验所里面，一种是前台写死，后台数据根据前台的编号进行一一对应来获取。

以上这篇框架通过后台获取数据遍历到前台的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。