XMLHttpRequestでのファイル読み込みについて

Question

###困っている事
javascriptで以下のようにファイル読み込みしているのですが、挙動がおかしい時が
あり、原因がわからず困っています。

（１）controllerからファイル書き込み（ruby）
（２）ビューのjavascriptから（１）のファイルを読込む
※（１）で追記した内容が読み込まれていない。
（３）読み込むファイルを削除しても、（１）で追記する前の内容が読み込まれている。
（ファイルがないのに・・・）

考えられる原因がわかる方、アドバイスをよろしくお願いいたします。

    readTextFile("xxxxx.txt")
    
    function readTextFile(fileName) {
        var reqFile = new XMLHttpRequest();
        reqFile.open('GET', fileName, false);
        reqFile.send(null);
        return reqFile.responseText;
    }

###試したこと
・サーバー再起動

Answer 1

XMLHttpRequestは非同期で処理されるので、そういう形でのreturnはできません。
jQueryなどライブラリを使用されたほうが例文も探しやすいのでよいと思います。

【第12回　XMLHttpRequest入門：これでできる！ クロスブラウザJavaScript入門｜gihyo.jp … 技術評論社】
https://gihyo.jp/dev/serial/01/crossbrowser-javascript/0012

【XMLHttpRequest】
https://ja.javascript.info/xmlhttprequest

【はじめてのAjax(jQuery) 2018年版 - Qiita】
https://qiita.com/zakiyamaaaaa/items/bdda422db2ccbaea60d9

【jQuery.ajax() | jQuery API Documentation】
https://api.jquery.com/jquery.ajax/

Comments

[KazuSaka]

ご回答ありがとうございます。
頂いたリンクで勉強させて頂きます。
アドバイスありがとうございました。