如何获取JavaScript以从.json文件读取？

一尘不染

如何获取JavaScript以从.json文件读取？

json

我的脚本当前如下所示：

<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>

日期“ x”和事件“
x”是一系列html标签。页面加载（onload）时运行此功能。我的目标是仅从本地.json文件而不是上面获得的硬代码执行同一操作。我已经签出了 http://api.jquery.com/jQuery.getJSON/。

本地.json文件如下所示：

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

有什么建议？

阅读 210

2020-07-27

共1个答案

一尘不染

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

您需要保存格式为jsonp的json数据，并使用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"} ];

2020-07-27