JQuery脚本在JSFiddle中工作,但不在我自己的浏览器中

时间:2013-12-31 02:51:10

标签: javascript jquery html json

正如标题所说...... 尝试改变JQuery vesion。尝试过不同的浏览器(Mozilla,Chrome,Opera,IE)。还尝试从我自己的服务器加载JQuery库。没有运气。请帮帮我。

这里,代码在JSFiddle中运行... http://jsfiddle.net/GUuNG/

<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">

$(document).ready(function(){
    $("button").click(function(){
    $.getJSON("https://prod.api.pvp.net/api/lol/euw/v1.1/summoner/by-name/krepo?api_key=b05c2251-f659-4d24-8b5f-6b25a482b42a"  , function(result){
            $.each(result, function(key, value){
            $("div").append("<b>" +key+"--"+value +"</b><br/>");
            });
        });
    });
});
</script>
</head>
<body>
<button>Get Json Data</button>
<div></div>
</body>
</html>

1 个答案:

答案 0 :(得分:3)

您不能拥有脚本元素的src和正文

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
    $.getJSON("https://prod.api.pvp.net/api/lol/euw/v1.1/summoner/by-name/krepo?api_key=b05c2251-f659-4d24-8b5f-6b25a482b42a"  , function(result){
            $.each(result, function(key, value){
            $("div").append("<b>" +key+"--"+value +"</b><br/>");
            });
        });
    });
});
</script>

HTML4

  

脚本可以在SCRIPT元素的内容中定义   在外部文件中。如果未设置src属性,则必须使用用户代理   将元素的内容解释为脚本。如果src有一个   URI值,用户代理必须忽略元素的内容并检索   脚本通过URI。请注意,charset属性指的是   src属性指定的脚本的字符编码;它   不涉及SCRIPT元素的内容。