jqery each的用法实例

MonkeyCodeHoward

于 2016-11-21 14:50:37 发布

阅读量372

点赞数

CC 4.0 BY-SA版权

文章标签： each 转译空格

本文链接：https://blog.youkuaiyun.com/MonkeyCodeHoward/article/details/53259386

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

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

$(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>