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>