jqery each的用法实例

最新推荐文章于 2022-05-08 13:55:27 发布

原创最新推荐文章于 2022-05-08 13:55:27 发布 · 387 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#each 转译空格

本文介绍了一种使用jQuery实现的动态加载表格数据的方法。当用户点击按钮时，通过AJAX请求从服务器获取JSON数据，并将其格式化为HTML表格形式显示在页面上。此方法适用于需要动态展示大量用户数据的场景。

$(function(){
   $('.btn').click(function(){
       //tr id
       _this=$(this);
       var val=$(this).parents('tr').attr('value');
       var url ="?r=first/get";
       var str="";
       $.get(url,{id:val},function(result){
           if(result.length>0){
               str ="<table class='table'><tr>\
               <td>姓名</td>\
               <td>注册时间</td>\
           </tr>";
                               $(result).each(function(k,v){
                                   str +='<tr>\
               <td>'+v.name+'</td>\
               <td>'+v.time+'</td>\
                                   </tr>';
                               })
                           str+="</table>";
           }
                           _this.after(str);
       },'json')
   })
})

</script>