ul中的li动态获取后台数据$.each()的使用方式

最新推荐文章于 2024-03-14 15:31:53 发布

原创最新推荐文章于 2024-03-14 15:31:53 发布 · 5.6k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#ul中获取li异步加载 #.each使用 #jquery

query 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用Ajax实现的实时获取并展示车辆信息的JavaScript函数。该函数通过POST请求从后台获取JSON格式的车辆数据，并将其格式化后显示在一个指定的HTML元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    my.leftCarRealTimeInformation = function(){
       $.ajax({
           url: '----------后台给的数据地址------------',
           type: 'post',           //获取数据方式:post/get
           async: false,                  //加载方式默认异步,true为同步
           dataType:'json',            //数据格式
           success:function(data){
               var carNewsList = "";
               $.each(data,function(i,item){   //遍历ul中的li
                   carNewsList += "<li style='font-size:14px;color:#5d5d5d;'>"+item.columnName+"</li>";
               });
               $('#leftCarInformationList').html(carNewsList);        //数据在<ul id="leftCarInformationList"></ul>里面显示
           },
           error: function(obj){
               alert("return error:"+obj);
           },
       });
   };