为什么没反应啊，上一节也是没反应。-慕课网

首页课程实战体系课手记专栏慕课教程

为什么没反应啊，上一节也是没反应。

来源：1-2 使用getJSON()方法异步加载JSON格式数据

晁东洋

2018-05-23 15:59

写进去代码点按钮也没用，上一节的内容也是。

写回答关注

8回答

慕的地8579676

2019-04-05 18:21:46

在if （index==3）之后加上大括号

0 0
name_yc

2018-07-17 10:24:23

我用的火狐浏览器，你可以尝试换换浏览器哦。

0 0

name_yc: 2018-07-17 10:21:35

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>使用getJSON()方法异步加载JSON格式数据</title>
        <script src="https://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> //注意：路径写https:
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <div id="divtest">
            <div class="title">
                <span class="fl">我最喜欢的一项运动</span> 
                <span class="fr">
                    <input id="btnShow" type="button" value="加载" />
                </span>
            </div>
            <ul></ul>
        </div>
        
        <script type="text/javascript">
            $(function () {
                $("#btnShow").bind("click", function () {
                    var $this = $(this);
                    $.getJSON("https://www.imooc.com/data/sport.json", function (data) {    //注意：粘贴这块代码试试
                        $this.attr("disabled", "true");
                        $.each(data, function (index, sport) {
                            if(index==3)
                            $("ul").append("<li>" + sport["name"] + "</li>");
                        });
    
                    });
                })
            });
        </script>
    </body>
</html>

可复制，可用。希望对你有帮助吧 (●'◡'●)

0 1