laden Array in Textdatei in Javascript gespeichert

Question

Ich möchte eine Textdatei mit einem Array wie der unten laden, so dass es innerhalb von JavaScript zugänglich ist, wie kann ich das über einen Ajax-Aufruf auf die Textdatei zugreifen? Dies ist die Textdatei artists.txt:

["Fally ipupa","Radio & Weasel","P-Square feat. Don Jazzy","Mose Fanfan","Fally ipupa","Mercy Masika","Madilu System","Koffi Olomidé","DaVido","Luciano","Kanda Bongo Man","Franco","Franco","DJ Afrobeat","Oliver Mtukudzi","Sauti Sol","Alikiba","Aryon","Gramps Morgan","Buju Banton","Wailing Souls","Bob Marley & The Wailers","Don Carlos and Gold","Burning Spear","Peter Tosh","George Nooks","Richie Spice","Culture","Sanchez","Terry Linen","Archie Wonder","Jah Cure","Busy Signal","Romain Virgo","Junior Reid","Shaggy","Glen Washington","Ginjah","Lucky Dube","Bushman","Chronixx","Turbulence","Protoje","UB40","Franco","Rich Mavoko","Rose Muhando","Kanda Bongo Man","Diamond"," Davido","Tekno","Daddy Owen","Pépé Kallé","Busy Signal","Franco Et Le T.P. O.K. Jazz","Alice Kamande","Koffi Olomidé","Culture","Alikiba","Papa Wemba","Korede Bello","Madilu System","Reuben Kigame","Gloria Muliro"] 

Answer 1

es einfach über Ajax-Aufruf GET-Anfrage direkt verwenden.

/************************************************************************************************** 
Ajax 
*/ 
    // Set all of these parameters. 
    // type 
    // url 
    // callback 
    // data 


    Pub.ajax = function (config_ajax) { 
     var xhr = new win.XMLHttpRequest(); 

     // post_json 
     if (config_ajax.type === 'post_json') { 
      xhr.open("POST", config_ajax.url, true); 
      xhr.setRequestHeader("Content-type", "application/json"); 
     } 

     // post 
     if (config_ajax.type === 'post') { 
      xhr.open("POST", config_ajax.url, true); 
      xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
     } 

     // get 
     if (config_ajax.type === 'get') { 
      xhr.open('GET', config_ajax.url, true); 
     } 

     // post for form_data 
     if (config_ajax.type === 'multi') { 
      xhr.open("POST", config_ajax.url, true); 

     } 
     xhr.onload = completed; 
     xhr.send(config_ajax.data); 

     function completed() { 
      if (this.status === 200) { 
       config_ajax.callback(xhr.responseText); 
      } else { 
       throw new Error("xhr.status is " + this.status); 
      } 
     } 
     xhr.app_url = config_ajax.url; 
     Priv.createStatusBar(xhr); 

     return xhr; 
    }; 

Answer 2

Um es durch Ajax-Aufruf zu machen arbeiten,

1. Benennen Sie Ihre Datei als artists.json
2. Set MIME-Typ in Ihrem Web-Server, als application/json für .json Erweiterung. Dies wäre in den meisten Webservern bereits eingestellt.

3. Dann tun ein Anruf Ajax, wenn Sie Bibliothek wie jQuery verwenden dann es ziemlich einfach ist wie folgt

   url = mein site.com/artists.json;

   $.ajax({ 
       dataType: "json", 
       url: url, 
       data: data, 
       success: success 
   }); 
   

Dies sollte Ihnen ermöglichen, automatisch die JSON-Datei in Ihrem Erfolg Methode zu holen und zu lesen.