javaScript

javascriptでテキストファイルやCSVファイルを読み込む方法。

javascriptでテキストファイルやCSVファイルを読み込む方法は下記になります。
この他に、jqueryだとajaxを使用して読み込む方法などもありますが、あえて
javascriptで記述しています。

rt();
function rt(){
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET","xxx.txt",true);
    xmlHttp.send(null);
    xmlHttp.onload = function(){
        var data = xmlHttp.responseText;
    }
}

追記:アクセス数が結構あるのでサンプルを作りました。
下記のコードをお試しください。
デモページはこちらになります。
https://zip358.com/tool/demo13/

"use strict";
var csv = {
    load: function (filename, id) {
        var data = {};
        var xmlHttp = new XMLHttpRequest();
        xmlHttp.open("GET", filename, true);
        xmlHttp.send(null);
        xmlHttp.onload = function () {
            if (xmlHttp.status === 200) {
                let separate1 = /\r\n/;
                let separate2 = ",";
                let data_org = xmlHttp.responseText;
                let data_en = data_org.split(separate1);
                for (let d in data_en) {
                    data[d] = data_en[d].split(separate2);
                }
                //data load 
                var t = document.getElementById(id);
                var h = "<table>";

                for (var o in data) {

                    h += "<tr>";
                    for (var r in data[o]) {
                        h += "<td>";
                        h += data[o][r].slice(1, -1);
                        h += "</td>";
                    }
                    h += "</tr>";
                }
                h += "</table>";
                t.innerHTML = h;
            }
        };
    }
};

csv.load("xxx.csv", "table");


The following two tabs change content below.
zip358と申します。 まったりWEB日誌を更新している中の人です? 趣味は映画鑑賞とブログ書きです、 こちらで生活できるようになるのが目標です。 ブックマークやシェアして頂けると励みになります。 どうぞよろしくお願い致します。

関連記事

  1. javaScript

    jsのクリックイベントの謎??

    javaScriptとjqueryのクリックイベントの挙動が違…

  2. Bat処理

    All in One SEO一括、自動入力したった。

    All in One SEO一括、自動入力したった。そのまま…

  3. PHP

    PHP非同期の考え方サンプル。

    非同期の考え方サンプルです。さて非同期ってなんでしょうか?非…

  4. PHP

    ワードプレス電光掲示板プラグインを作りました。

    電光掲示板(お知らせ)のプラグイン取扱に関して記載します。…

  5. PHP

    全ての定義済の変数を配列で返す

    全ての定義済の変数を配列で返す関数です。全てなのでとってき…

2018年11月
 12345
6789101112
13141516171819
20212223242526
2728293031  

アクセスカウンター?

とある高知県の気温や湿度

Twitter でフォロー

PAGE TOP