                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(五)一Ajax应用与常用插件

老哥们，请求指导一下代码哪里错了？

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
    </head>
    <body>
        <div><input id="btnShow" type="button" value="加载学生信息"/></div>
        <ul></ul>
        <script>
            var source=[{'name':'kayber'},
                        {'age':'18'},
                        {'sex':'male'},
                        {'score':'100'}
                       ];
            $("#btnShow").bind("click",function(){
                $.each(source,function(index,sport){
                    $("ul").append("<li>姓名:"+sport.name+"</li><li>年龄:"+sport.age+"</li><li>性别:"+sport.sex+"</li><li>分数:"+sport.score+"</li>")
                })
            })
            
        </script>
        
    </body>
</html>

Kayber

2017-08-03

源自：jQuery基础(五)一Ajax应用与常用插件 1-11

关注问题我要回答

1603

操作

收起

4 回答

学海无涯乐悠悠回答被采纳 +2 积分
2017-08-04

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
        <script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>
    </head>
    <body>
        <div><input id="btnShow" type="button" value="加载学生信息"/></div>
        <ul></ul>
        <script type="text/javascript">
       //用JSON语法定义对象source
            var source={name:'kayber',
                        age:'18',
                        sex:'male',
                        score:'100'};
       //文档加载完毕执行
   $(function(){
            $("#btnShow").bind("click",function(){
               //定义一个数组，取出JSON对象数据
               var arr=new Array();
                $.each(source,function(index,sport){
                   //将遍历数据放入数组
                   arr[index]=sport;

                });//each结束
               //将数组内容放入文档
               $("ul").append("<li>姓名:"+arr['name']+"</li><li>年龄:"+arr['age']+"</li><li>性别:"+arr['sex']+"</li><li>分数:"+arr['score']+"</li>");
            });//bind结束
                       });//$()结束

        </script>

    </body>
</html>