使用JQuery怎么获取数据遍历到前台

  介绍

使用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里面)

使用JQuery怎么获取数据遍历到前台

<强>案例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 ">   <李id=" 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分别是后台获取的数据)

使用JQuery怎么获取数据遍历到前台

使用JQuery怎么获取数据遍历到前台