title: Getting a JSON file using jQuery without a web server
body: <p>I had a coding interview quiz for front-end working with JSON and whatnot. I submitted my file but I'd just like to learn what I was missing.</p>
  
  <p>And one of the reqs was <code>Should not require a web server, and should be able to run offline.</code>. </p>
  
  <p>I used <code>jQuery</code> and used <code>$.getJSON()</code> to get the data from the <code>.JSON</code> file. I threw it up on my <code>WAMP</code> localserver and it worked flawlessly across all three major browsers (IE, Firefox, Chrome). Then I moved that project to <code>Desktop</code>, so essentally, without a LOCALSERVER.</p>
  
  <p>On Firefox 30.0, it worked great. No problems.</p>
  
  <p>Oon Google Chrome, I know you can't access local files without a web server...</p>
  
  <p><strong>On Internet Explorer 11, however... it didn't work. Why?</strong></p>
  
  <p>Here is what I am using. It's not complex.</p>
  
  <pre><code>function loadTasks() {
    console.log("Loading tasks...");
    $.getJSON("data.json", function(result) {
      $.each(result, function(i, task) {
        $("#load_tasks").append(
          "&lt;div class='row'&gt;&lt;span class='data-task'&gt;" + task.name +
          "&lt;/span&gt; &lt;span class='data-date'&gt;" + task.date +
          "&lt;/span&gt; &lt;span class='data-name'&gt;" + task.assigned +
          "&lt;/span&gt; &lt;/div&gt;");
      });
    });
  }
  </code></pre>
  
  <p>and here is <a href="http://nyro.net/data.json">data.json</a></p>