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;
    }
}

 

jQueryの基礎1

世の中、javascriptへの原点回帰が進んでいますが
だからといって、jqueryが無くなるかといえばそうでもない気がします。

トイウコトデ、jqueryの基礎的なデモページを作成しました。
ご参考程度どうぞ。
これから毎週1回以上、プログラムのデモ的な内容をUPしていきます。
自分の勉強や復習の意味合いも兼ねています。
プログラム言語はPHP、JS、C#が主の掲載となります。

https://zip358.com/tool/demo1/demo1.php

$(function(){
    $(".alert.alert-danger").html("未記入です");
    $("input").keyup(function(){
        if($(this).val()){
            $(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
        }else{
            $(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
        }
    });
    $("input").blur(function(){
        if($(this).val()){
            $(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
        }else{
            $(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
        }
    });
    $("input").focus(function(){
        if($(this).val()){
            $(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
        }else{
            $(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
        }
    });    
});