javascript - ローカルのjsonファイルを読むには?

Question

ここで同様の質問を見たことがありますが、理解できません。

小さな Web ページを作成していて、ファイル システムから .json ファイルを読み取り、その中のオブジェクトを取得したいと考えています。

Web ページもローカルで、.json ファイルは .html ファイルと同じフォルダーにあります。

サーバーを使用せず、可能であればjqueryを使用せずにUbuntuマシンでそれを行う方法は?

Answer 1

ActiveX オブジェクトの IE の癖を考慮したバニラ JavaScript XMLHTTPRequest コードを次に示します。

var useActiveX = typeof ActiveXObject !== 'undefined';
function loadJSON(file, callback) {
    var xobj;
    if (useActiveX) {
        xobj = new ActiveXObject('Microsoft.XMLHTTP'); 
    } else {
        xobj = new XMLHttpRequest();
    }
    xobj.callback = callback;
    if (xobj.overrideMimeType) {
        xobj.overrideMimeType('application/json');
    }
    xobj.open('GET', file, false);
    xobj.onreadystatechange = function() {
        if (this.readyState === 4) {
            this.callback(this);
        }
     }
     xobj.send(null);
}

次に、ファイルパスとコールバック関数を渡して実行します。

loadJSON('filename.json', function(obj) {
    alert(obj.responseText);
}

Answer 2

ページにタグを追加するだけ<script>で、SRC が同じフォルダー内のローカル .js ファイルを指すようになります。Ajax を使用する必要はありません。