猿问

为什么我的代码不起作用呢?

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <title>挑战题</title>

    </head>

    <body>

        <button id="seach">查询成绩</button></br>

        <div></div>

         <script>   

            $(function(){

                   var json=[

                    {"name":"小明","score":"70"},

                    {"name":"小红","score":"80"},

                    {"name":"小蓝","score":"50"},

                    {"name":"小白","score":"20"}  

                    ];

                    $("#seach").bind("click",function(){

                        $("div").empty();

                        $.each(json,function(index,data){

                            $("div").append("<p>姓名:" + data.name + ",成绩:" + data.score + "</p>")

                        })

                    })

                })

        </script>

    </body>

</html>


Xerxus
浏览 1500回答 2
2回答

qq_冲哥_0

JSON 数据格式不对, 把数据写成JSON格式时要校验一下。"score":"70"  中间的冒号是中文状态下的, 改成英文状态下  

卖火柴的小舒

F12调试一下看看有没有报错。。。
随时随地看视频慕课网APP
我要回答