Question

我正在创建一个动态网页，我有一个设计问题。我还没有开始硬编码，因为我想知道我是否采取了正确的方法。

我的网页上有几个div，其中包含一本书的段落。当用户点击下一个段落按钮时，我希望网页在下一段（外部文件）中读取并刷新div的内容。

我有两个困境：

我应该如何处理外部文本文件？这些文件中的每一个都将包含预读，后读，标题和段落属性。当我最初尝试编写代码时，我打算使用JSON，但我没有成功。 Chrome不允许获取我的JSON文件。因此，将有大约20章，每章有4个属性。任何建议他们应该保存哪些类型的文件，这将是非常有帮助的。
一旦我们确定要读入哪种类型的文件，我将如何动态阅读这些文件？我认为使用JQuery加载数据文件是最好的。然后，解析特定属性的输入，将属性保存为变量。最后，我会用他们的id改变我的html中的元素。会这样的吗？有没有明显的缺陷，或更好的方法来做到这一点？

非常感谢您的评论！

Answer 1

使用JSON，在客户端使用它很容易。
这是实现目标的最简单方法：

的Javascript

 $.ajax({
      dataType: "json",
      url: url,
      success: function(resp) {
          var data = resp; // resp is your JSON object.
      },
      error: function(errorResp) {
         console.error("Failed to get data from server:", errorResp);
      }
 });

如果您需要读取多个文件，只需为每个文件调用此函数，或将所有文件内容放在服务器上的同一个json文件中。

首先检查您是否可以通过在浏览器中点击URL（链接到文件）来获取文件的内容，如果您看不到内容（有效的json），则需要检查您的Web服务器。 / p>

如何处理多个输入文件的阅读？

1 个答案: