Lecture du fichier côté serveur avec Javascript

Personne ne sait d'un tutoriel sur la façon de lire les données à partir d'un serveur de fichiers avec JS? Je ne peux pas l'air de trouver tous les sujets sur quand je recherche sur google. J'ai essayé de l'utiliser, mais il ne semble pas fonctionner. Je veux juste lire des données à partir d'un fichier pour l'afficher sur la page. Est-ce même possible?

var CSVfile = new File("test.csv");
var result = CVSfile.open("r");
var test = result.readln();

source d'informationauteur shinjuo

  1. 9

    Pour y parvenir, vous devez récupérer le fichier à partir du serveur à l'aide d'une méthode appelée AJAX.

    J'aurais l'air dans les bibliothèques JavaScript comme Mootools ou jQuery. Ils font AJAX très simple d'utilisation.

    <html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mootools/1.6.0/mootools-core.min.js"></script>
        <script type="text/javascript">
            //This event is called when the DOM is fully loaded
            window.addEvent("domready",function(){
                //Creating a new AJAX request that will request 'test.csv' from the current directory
                var csvRequest = new Request({
                    url:"test.csv",
                    onSuccess:function(response){
                        //The response text is available in the 'response' variable
                        //Set the value of the textarea with the id 'csvResponse' to the response
                        $("csvResponse").value = response;
                    }
                }).send(); //Don't forget to send our request!
            });
        </script>
    </head>
    <body>
        <textarea rows="5" cols="25" id="csvResponse"></textarea>
    </body>
</html>

    Si vous téléchargez vers le répertoire test.csv réside sur votre serveur web et charger la page, vous devriez voir le contenu du test.csv apparaissent dans le textarea défini.

  2. 7

    Vous avez besoin d'utiliser AJAX. Avec la bibliothèque de jQuery, le code peut ressembler à ceci:

    $.ajax({ url: "test.csv", success: function(file_content) { 
console.log(file_content); 
} 
});

    ou si vous ne souhaitez pas utiliser les bibliothèques utilisent raw objet XMLHTTPRequest (mais vous je a des noms différents sur les différents navigateurs

    fonction xhr(){ 
var xmlHttp; 
try{ 
xmlHttp=new XMLHttpRequest(); 
} catch(e) { 
try { 
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
} catch(e) { 
try { 
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} catch(e) { 
alert("Votre navigateur ne prend pas en charge AJAX!"); 
return false; 
} 
} 
} 
retour xmlHttp; 
} 
req = xhr(); 
req.open("GET", "test.cvs"); 
req.onreadystatechange = function() { 
console.log(req.responseText); 
}; 
req.send(null);

    Mise à JOUR en 2017 il y a de nouveaux aller chercher de l'api, vous pouvez l'utiliser comme ceci:

    fetch('test.csv').then(function(response) {
    if (response.status !== 200) {
        throw response.status;
    }
    return response.text();
}).then(function(file_content) {
    console.log(file_content);
}).catch(function(status) {
    console.log('Error ' + status);
});

    le support est assez bonne si vous avez besoin de soutien navigateur qui ne supportent pas chercher de l'API, vous pouvez utiliser polyfill que github créé