如何正確鏈接 JQuery 並使用 .getJSON？

Question

我正在嘗試鏈接 JQuery 並調用.getJSON ，但腳本標簽出錯

（語法錯誤：意外的標記 <）

執行 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 個解決方案

解決方案1
1 2016-04-06 22:43:56

解決方案2
0 2016-04-06 23:11:22

解決方案3
0 2016-04-07 00:33:50

如何正確鏈接 JQuery 並使用 .getJSON？

問題描述

3 個解決方案

解決方案1 1 2016-04-06 22:43:56

解決方案2 0 2016-04-06 23:11:22

解決方案3 0 2016-04-07 00:33:50

解決方案1
1 2016-04-06 22:43:56

解決方案2
0 2016-04-06 23:11:22

解決方案3
0 2016-04-07 00:33:50