从localhost加载json

时间:2016-11-28 18:47:50

标签: javascript json

我尝试从localhost加载json,但它不起作用。我在网上搜索,我不知道设置localhost。我将employee.json和我的html保存在桌面上。我不确定是否

  

$的getJSON(" http://localhost/employee.json",

可以将employee.json真正放在localhost上吗?希望有人可以向我解释。先感谢您。

<!DOCTYPE html>
  <html>
    <head>
      <meta charset="UTF-8">
      <title>JSON with jQuery</title>
   </head>

  <body>
    <p id="demo"></p>
      <script src = "<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
      <script>
        $.getJSON("http://localhost/employee.json", function(data){
        $(document.body).append($('<pre>'+data+'</pre>'));
        }
      </script>

  </body>
  </html>


{
"person": [
    {
        "id" : 1,
        "firstName" : "Lokesh"
    },
    {
        "id" : 2,
        "firstName" : "bryant"
    },
    {
        "id" : 3,
        "firstName" : "kobe"
    }
]
}

1 个答案:

答案 0 :(得分:1)

为了通过网络向localhost发出HTTP请求,您需要在计算机上运行HTTP服务器并将其配置为侦听localhost网络接口(每个HTTP服务器默认会这样做。)

那里有很多选择。 Apache HTTPD是行业标准。许多版本的Windows都带有内置的IIS版本。 PHP包含用于开发的简单Web服务器功能。 JavaScript开发人员经常使用Node.js来构建服务器(如果他们正在开发一个静态站点,或者如果他们正在编写服务器端JavaScript,则通常是作为Grunt或Gulp插件)。

您需要安装一个,将其配置为为您想要的URL提供JSON文件,然后运行它。