Question

我正在尝试链接JQuery并调用.getJSON，但是脚本标记出错

（SyntaxError：Unexpected token＆lt;）

执行console.log就像调用什么来打印一样，因为我对Javascript和JQuery非常陌生......

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

$.getJSON('https://www.reddit.com/r/aww', function (data) {
    console.log(data);
})

Answer 1

首先，只有在放入HTML文件时，您的代码才有效。

但你的错误可能是因为你没有阻止：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>


 <script>
 $.getJSON('https://www.reddit.com/r/aww', function (data) {
      console.log(data);
   })
 </script>

所有javascript代码都在其中：<script> your code </script>

在这里查看完整的代码：

<!doctype html>
<html lang="en">
<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script>

    $.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?', function (data) {
        console.log(data);
    })

  </script>
</head>
<body>

<div id="hello">
  <p>hello word</p>
</div>   

</body>
</html>

Answer 2

请参阅以下实施：

$(document).ready(function() {
  $.getJSON("http://www.reddit.com/api/info.json", function(data) {
    var str = JSON.stringify(data);
    $("#jsonData").html(str);
  }).fail(function(err) {
    $("#jsonData").html(JSON.stringify(err));
  });
})

Answer 3

我怀疑您已将整个块置于<script></script>标记内，这会产生Unexpected token <错误，如下所示：

<script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

    $.getJSON('https://www.reddit.com/r/aww', function (data) {
        console.log(data);
    })
</script>

将内部的<script>标记移出块，如下所示：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    $.getJSON('https://www.reddit.com/r/aww', function (data) {
        console.log(data);
    })
</script>

如何正确链接JQuery并使用.getJSON？

3 个答案: