介绍
使用JQuery怎么获取数据遍历到前台?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
<强>案例1:强>
& lt; div 类=癛ecord"比; & lt; div 类=癛ecordLeft  text-center fl"比; & lt; p> & lt; span>经办记录& lt;/span> & lt;/p> & lt;/div> & lt; div 类=癛ecordRight  fl"比; & lt; ul 类=癴l"祝辞 & lt; li> & lt; span>时间& lt;/span> & lt; span>步骤& lt;/span> & lt; span>意见& lt;/span> & lt;/li> ,& lt;/ul> & lt; ul 类=癴l", id=癙RO_UL"比; & lt;/ul> & lt;/div> & lt;/div>
<强>调用接口:强>(每个公司用的方法不一样,我这边暂时用封装好的ajax调用)
& lt; script 类型=拔谋?javascript"比; var APPLICATIONID =,““ $(函数(){ ,var data =, new 对象();=,,data.APPLICATIONID  CVCFrameWork.getUrlParam (“id");, ,//APPLICATIONID 接口参数,CVCFrameWork.getUrlParam封装的获取id方法 AjaxUtil.Ajax(“. ./服务器/Server.aspx/getHandleOpinions",, JSON.stringify(数据),空,,AjaxSuccess,,空,,null); });//成功之后要…,… function AjaxSuccess(数据) ,{ ,,var result =, JSON.parse(数据); ,,if (==result.state “SUCCESS"), ,,{ ,,var 消息=result.message; ,,var 信息=JSON.parse(消息); ,,如果(info.length> 0) ,,{ ,,(var 我=0;i& lt; span>“+信息[我].PRODATE +“& lt;/span> & lt; span 在“[我].PRONAME +信息+“& lt;/span> & lt; span 在“[我].PROOPINION +信息+“& lt;/span> & lt;/li>“; ,,美元(& # 39;# PRO_UL& # 39;) .append (myli);//下面三行代码对应的字段是之前写的,获取出来的只是一组数据 ,,//$ (“# PRODATE") . html(信息[我].PRODATE); ,,//$ (“# PRONAME") . html(信息[我].PRONAME); ,,//$ (“# PROOPINION") . html(信息[我].PROOPINION); ,,} ,, ,,,, ,,} ,,} ,} & lt;/script>
<>强效果:强>(通过附加的方法把后台的几组数据追加到ul里面)
<强>案例2:强>(通过后台传入的参数,在每个李标签的一个里面加上子数量/总数量,例如标签1 2/12,……)
& lt; div 类=癕obile_left_con clearfix"比; & lt; ul 类=癱learfix"祝辞 & lt; li id=癟_00001"祝辞& lt; a href=https://www.yisu.com/zixun/薄?UnitLicenseRuleSettingDetail.html”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel="外部nofollow”> 标签1 <跨类=" T_00002 "> > 李> <李id=" T_00002 "> 标签2 <跨类=" T_00002 "> > 李> <李id=" T_00003 "> 标签3 <跨类=" T_00003 "> > 李>
<强>调用接口:强>
& lt; script 类型=拔谋?javascript"比; var ABID =,““ var action =, 0; var ACCOUNT =,““ var ACENABLE =,““ $(函数(){ Init (),, }); function UnitRuleInit (), { var data =, new 对象(); 时间=data.ABID “T_00001 T_00002; T_00003";//写死 AjaxUtil.Ajax(“. ./. ./服务器/Server.aspx/LicenseInfo",, JSON.stringify(数据),空,,AjaxSuccess,,空,,null); , }; function AjaxSuccess(数据),{ ,,var result =, JSON.parse(数据); ,,if (==result.state “SUCCESS"), ,,{ ,,var 消息=result.message; ,,var 信息=JSON.parse(消息); 如果(info.length> 0) ,,{ (var i=0; i< info.length;我+ +),{ $(“管理者”+信息[我].ABID) . html(信息[我].ACENABLE +,“/? +,信息[我].ACCOUNT); }, ,,} ,,} ,, ,,} & lt;/script>
<>强效果:强>(1/10,3/11,1/12分别是后台获取的数据)