做项目中，经常会通过调用后台接口把数据显示到前台页面上来，之前遇到过的问题是，前台页面是用ul+li标签写的，在调用接口调试时发现返回的数据有很多组的，而在前台显示的时候只有一条数据，毋容置疑，一定是遍历时出现了问题，下面来简单分析下。
前台代码：
案例1：
经办记录
时间
步骤
意见
//APPLICATIONID 接口参数 CVCFrameWork.getUrlParam封装的获取id方法
AjaxUtil.Ajax("../Server/Server.aspx/getHandleOpinions",JSON.stringify(data),null,AjaxSuccess,null);
});
//成功之后要... ...
function AjaxSuccess(data)
{
var result = JSON.parse(data);
if (result.state == "SUCCESS")
{
var message=result.message;
var info=JSON.parse(message);
if(info.length>0)
{
for(var i=0;i<info.length;i++) {
var myli = "
//下面三行代码对应的字段是之前写的，获取出来的只是一组数据
//$("#PRODATE").html(info[i].PRODATE);
//$("#PRONAME").html(info[i].PRONAME);
//$("#PROOPINION").html(info[i].PROOPINION);
}
}
}
}
案例2：(通过后台传入的参数，在每个li标签的a里面加上 子数量/总数量，例如标签1 2/12，... ...)
};
function AjaxSuccess(data) {
var result = JSON.parse(data);
if (result.state == "SUCCESS")
{
var message=result.message;
var info=JSON.parse(message);
if(info.length>0)
{
for(var i=0;i<info.length;i++) {
$("."+info[i].ABID).html(info[i].ACENABLE + "/" + info[i].ACCOUNT);
}
}
}
}
以上这篇JQuery通过后台获取数据遍历到前台的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/jquery/31015.html