更改HTML5文本從JSON網址獲取錯誤

我有一個問題，獲取內容和替換使用Reddit的subreddit淋浴想法數據的文本。我想要做的是將ID標題的h1文本替換爲JSON文件中的一個，但是我得到：更改HTML5文本從JSON網址獲取錯誤

未捕獲的SyntaxError：var想法中的意外數字。

這是我改變文本

<script> 
     $.ajax({ 
     url: 'https://www.reddit.com/r/showerthoughts/top.json', 
     dataType: 'json', 
     success: function(data) 
     { 
      var thought = data.children.0.data.title ; 
      var author = data.children.'0'.data.author ; 

      $('#title').text(thought); 
     } 
    }); 

    </script>

這是有標題的HTML文件，JavaScript文件。

<body> 
    <h1 class="title" id="title">Hello ! It's me</h1> 
    <h5 class="author">- UnknownDeveloper</h5> 
    <video autoplay loop poster="forest.jpeg" id="bgvid" controls muted> 
     <source src="walk.mp4" type="video/mp4"> 
    </video> 
    </body>

來源

2016-03-31 MatejMecka

爲了訪問數組元素，你將不得不使用括號標記，像這樣：

var thought = data.children[0].data.title; 
var author = data.children[0].data.author;

編輯，這應該工作。您將收到一個響應對象，而不是數據本身。數據可以在response.data發現：

<script> 
    $.ajax({ 
     url: 'https://www.reddit.com/r/showerthoughts/top.json', 
     dataType: 'json', 
     success: function(response) 
     { 
      var thought = response.data.children[0].data.title ; 
      var author = response.data.children[0].data.author ; 

      $('#title').text(thought); 
     } 
    }); 
</script>

來源

2016-03-31 12:20:19 maddockst

遺漏的類型錯誤：未定義 – MatejMecka

JSON [ '數據'] [ '孩子']不能讀取屬性 '0'[0] [ '數據'] [ '標題']這就是我在Mindcast json編輯器中得到的結果 – MatejMecka

如果你執行以下操作，你會在控制檯中得到什麼：'console.log（data）;'編輯：我發現你的問題，請看我編輯的文章 – maddockst

你不能這樣做data.children.0，使用data.children[0]。點之後的任何內容都必須是有效的標識符，並且不能以數字開頭。

見What characters are valid for JavaScript variable names?

來源

2016-03-31 12:19:52

更改HTML5文本從JSON網址獲取錯誤

回答

相關問題