从头部加载JSON文件而不使用Ajax

Question

我有一个特定状态的列表，我想在页面加载时加载到下拉列表中。因此，我不需要AJAX，因此想要避免它。如何在页面加载中访问json文件？

这就是我所拥有的。

我的JSON文件包含：

[{"States":{"AL" : "Alabama", "AK" : "Alaska", "WI" : "Wisconsin", "WY" : "Wyoming" }}] 

如何将其加载到我的HTML标题中。

<script type="application/json" src="mystates.json"></script>

如何使用Javascript访问上述内容？

Answer 1

我会把我的评论作为答案。

使用AJAX是这种情况下最简单的方法，尤其是。使用$.getJSON(..)作为@mavili建议。

如果您不愿意提出异步请求，您有两种选择（在我看来，YMMV :)）

• 有一个Javascript函数，它接受一个参数，如：

  function saveStates(statesObject) {
     /* store states here */
  }
  

  然后将您的状态JSON文件修改为如下所示：

  saveStates([{"States":{"AL" : "Alabama", "AK" : "Alaska", ..}..}])
  

  现在，只需像在HTML中一样包含此文件。

• 或者另一个选项是让您的服务器端脚本读取文件内容并将内容注入HTML（javascript <script>区域）。

在这两种方法中，您的JSON文件都可以单独更改。