2

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

这就是我所拥有的。

我的 JSON 文件包含：

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

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

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

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

4

1 回答 1

2

我会把我的评论作为答案在这里。

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

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

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

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

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

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

    现在，只需像通常在 HTML 中那样包含此文件。

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

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

于 2013-07-26T15:14:32.050 回答