ajax循环输出数据通常用的2种方式

Posted 2020-10-26 环宇明媚

 1 <script>  
 2             $(function(){  
 3                 $("#btn").click(function(){  
 4                     $.ajax({  
 5                         type:"get",  
 6                         dataType:"json",  
 7                         url:"data.json",  
 8                         data:{},  
 9                         success:function(res){  
10                             $(".alert").html("请求成功")                   
13                             var html=‘‘;  
16                             //第一次方式  
17 　　　　　　　　　　　　　　　　//   $.each(res,function(i,v){  
18 　　　　　　　　　　　　　　　　//     html+="<li data-id="+v.id+">"+v.name+"</li>"  
19 　　　　　　　　　　　　　　　　//   })  


20                             //第二次方式  
21                             for(var i=0;i<res.length;i++){  
22                                 html+="<li data-id="+res[i].id+">"+res[i].name+"</li>"  
23                             }  
24                               
25                               
26                             $(".list").html(html)  
27                               
28                         },  
29                         error:function(){  
30                             $(".alert").html("请求失败")  
31                         }  
32                     })  
33                 })  
34                 $("#clear").click(function(){  
35                     $(".list").html("")  
36                     $(".alert").html("")  
37                 })  
38                   
39             })  
40         </script>