lesen Liste aus einer Textdatei js

Question

Hallo Ich versuche, diese Liste aus einer Datei zu lesen

diese

this.testJson = { 
      list:[ 
       {src:"x1.jpg",title:"x1",song:"x1.mp3"}, 
       {src:"x2.jpg",title:"x2",song:"x2.mp3"}, 
       {src:"x3.jpg",title:"x3",song:"x3.mp3"}, 
       {src:"x4.jpg",title:"x4",song:"x4.mp3"} 
       ] 
      } 

zu

this.testJson = { 
     list:[ 
      // read x.txt or x.txt from a URL 
      ] 
     } 

und x.txt enthalten

{src:"x1.jpg",title:"x1",song:"x1.mp3"}, 
    {src:"x2.jpg",title:"x2",song:"x2.mp3"}, 
    {src:"x3.jpg",title:"x3",song:"x3.mp3"}, 
    {src:"x4.jpg",title:"x4",song:"x4.mp3"} 

als ich habe keine Java-Skript-Erfahrung e, kann mir jemand dabei helfen? danke im voraus

Answer 1

Sie müssen diese Datei von einem Web-Server aussetzen, damit Ihr JavaScript eine HTTP-Anfrage für diese Datei machen kann.

Um Ressourcen von JavaScript zu laden, müssen Sie eine XMLHttpRequest oder besser bekannt als AJAX-Anfrage machen.

Eigentlich erfordert dies einige Setup, so dass die Verwendung einer Bibliothek einfacher wäre. Mein Favorit ist axios. Es hat eine wirklich einfache API und Griffe Antwort als gut analysieren, so dass, wenn Sie axios auf Ihrer Web-Site laden dies ist ein Ansatz, den Sie könnten folgen:

axios.get('path-to-file').then(function(response){ 
    this.testJson.list = response.data 
}); 

Beachten Sie, dass Ihre x.txt nicht wie scheint ein gültiger JSON. Es muss ein gültiger sein, damit Axios es analysieren können. Wenn Sie sich entscheiden, die Datei selbst zu analysieren, müssen Sie die API JSON verwenden.