title: load json from localhost
body: <p>I tried load the json from localhost but it does not work.  I searched on the web, I do not know to setup the localhost.  I saved my employee.json and my html on the desk.  I am not sure if </p>
  
  <blockquote>
    <p>$.getJSON("<a href="http://localhost/employee.json" rel="nofollow noreferrer">http://localhost/employee.json</a>",</p>
  </blockquote>
  
  <p>could  actuallly put the employee.json on the localhost? Hope someone could explained it to me.  Thank you in advance. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
      &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;title&gt;JSON with jQuery&lt;/title&gt;
     &lt;/head&gt;
  
    &lt;body&gt;
      &lt;p id="demo"&gt;&lt;/p&gt;
        &lt;script src = "&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script&gt;
          $.getJSON("http://localhost/employee.json", function(data){
          $(document.body).append($('&lt;pre&gt;'+data+'&lt;/pre&gt;'));
          }
        &lt;/script&gt;
  
    &lt;/body&gt;
    &lt;/html&gt;
  
  
  {
  "person": [
      {
          "id" : 1,
          "firstName" : "Lokesh"
      },
      {
          "id" : 2,
          "firstName" : "bryant"
      },
      {
          "id" : 3,
          "firstName" : "kobe"
      }
  ]
  }
  </code></pre>