もしもjQuery.getJSON()をjQueryなしで書きたかったら

JSONファイルを取得するときにjQuery.getJSON()あるいは$.getJSON()を使用するケースがあると思います。IEとか気にしない環境やなるべくシンプルに軽量に記述したいという理由なんかでjQueryを使用しないケースを想定して、ピュアJavascriptでの.getJSONの書き方をメモっておきます。

jQuery

$.getJSON( "file.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<li id='" + key + "'>" + val + "</li>" );
  });

  $( "<ul/>", {
    "class": "my-new-list",
    html: items.join( "" )
  }).appendTo( "body" );
});

Pure Javascript

function getjson(objs) {
    objs = JSON.parse(objs);

    objects.forEach(funciton (obj) {
        var div = document.getElementById(obj.id);
        div.innerHTML = obj.text;
    });
}

var request = new XMLHttpRequest();

request.onload = createElements;
request.open("get", "file.json", true);
request.send();