javascript - 如何让 javascript 从 .json 文件中读取？

Question

我的脚本目前如下所示:

<script type="text/javascript">
  function updateMe(){
    var x = 0;
    var jsonstr = '{"date":"July 4th", "event":"Independence Day"}';
    var activity=JSON.parse(jsonstr);
    while(x<10){
    date = document.getElementById("date"+x).innerHTML = activity.date;
    event = document.getElementById("event"+x).innerHTML = activity.event;
    x++;
    }
  }
</script>

其中 date"x"和 event"x"是一系列 html 标签。此函数在页面加载(onload)时运行。我的目标是做同样的事情，只从本地 .json 文件而不是我上面的硬代码。我已经 checkout http://api.jquery.com/jQuery.getJSON/ .

本地 .json 文件如下所示:

{"date":"July 4th", "event":"Independence Day"}

有什么建议吗？

Answer 1

当您说 .json 文件时，假设您的意思是“本地文件系统上的文件”。

您需要将 json 数据保存为 jsonp 格式，并使用 file://url 来访问它。

您的 HTML 将如下所示:

<script src="file://c:\\data\\activity.jsonp"></script>
<script type="text/javascript">
  function updateMe(){
    var x = 0;
    var activity=jsonstr;
    foreach (i in activity) {
        date = document.getElementById(i.date).innerHTML = activity.date;
        event = document.getElementById(i.event).innerHTML = activity.event;
    }
  }
</script>

并且文件 c:\data\activity.jsonp 包含以下行:

jsonstr = [ {"date":"July 4th", "event":"Independence Day"} ];