无法加载JSON文件

时间:2015-08-11 10:01:21

标签: jquery ajax json

以下是json& js文件代码,无法使用jquery ajax运行json文件,始终显示错误消息。

在没有任何asp.net / php编码的loacl机器上运行代码,我想在没有服务器的情况下运行JSON。我在本地计算机上通过IIS设置了URL。

JSON:

//myTutorials.json file
{
  "one": "Singular sensation",
  "two": "Beady little eyes",
  "three": "Little birds pitch by my doorstep"
}

使用Javascript:

//main.js file
$(document).ready(function(){       
    $.ajax({
      dataType: "json",
      url: "myTutorials.json",
      format: "json",
      contentType: 'application/json; charset=utf-8',
      success: function(response){      
        alert(response.one);
        alert('success');
      },
      error:function(){
        alert('error');
      }
    });
}); 

HTML:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>HTML5 responsive website tutorial</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Baumans' rel='stylesheet' type='text/css'/>
<link href='style.css' rel='stylesheet' type='text/css'/>
<script>
</script>
<style>
</style>

<!-- my files -->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="main.js"></script>
</head>
    <body>
        <div id="clickHeading"></div>
        <div id="id01"></div>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

正如Jozef所指出的,如果您没有Web服务器,则无法使用ajax-function请求该文件。但是,您可以将json用作变量并测试它是否足以满足您的需求:

BackgroundWorker