使用getJSON()方法异步加载JSON格式数据,没调出数据,问题出在哪里?

31096830 发布于 2014/10/29 14:29
阅读 1K+
收藏 0
<!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>
    <link href="style.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
    <!--<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> -->
</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);
                jQuery.getJSON("http://www.imooc.com/data/sport.json",function(data)
                {
                    $this.attr("disabled", "true");
                    $.each(data, function (index, sport) {
                        if(index==1)
                        $("ul").append("<li>" + sport["name"] + "</li>");
                    });


                });
            })
        });
    </script>
</body>
</html>
<!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>
    <link href="style.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
    <!--<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> -->
</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);
                jQuery.getJSON("http://www.imooc.com/data/sport.json",function(data)
                {
                    $this.attr("disabled", "true");
                    $.each(data, function (index, sport) {
                        if(index==1)
                        $("ul").append("<li>" + sport["name"] + "</li>");
                    });


                });
            })
        });
    </script>
</body>
</html>
加载中
0
陈祖煌
陈祖煌
你加一些alert(),跟踪下到哪一步停了
3
31096830
jQuery.getJSON("http://www.imooc.com/data/sport.json",function(data)-----这一段没有被执行
3
31096830
想在thinkphp读取json数据后入库,应该用什么方法比较好?
0
Narky
Narky

注意,2.0以后的jquery不支持低版本浏览器

还有就是js跨域的问题

0
p
phper开发者
路过。。。
返回顶部
顶部