Question

我的问题类似于Trying to parse JSON file with jQuery，但我似乎无法适应它。

我想创建一个主要使用HTML5，CSS和JavaScript / Jquery的离线移动应用程序应用程序中的所有文件都将兑现，我希望当它工作时

我原本想过要创建一个JSON文件，其中包含一些关于计算机实验室的数据 - 例如，开放时间能力这种类型的东西

 {  "name":"Boole basement",
"location":"Main Campus",
"staffed":"Yes"}

然后在localy存储的JSON文件中读取 - 解析它或其他任何内容然后在新的div中显示每个对象。最初我只是想把数据放到一个div中。如果我能够显示JSON文件的内容，我会很高兴！

我的HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<script src="jquery-1.6.2.min.js"></script>
<script>
/* <![CDATA[ */
$(document).ready(function(){
var test =" ";
var filename = "test.json";

$.getJSON(filename, function(json){
    $.each(json.labs, function(i, lab){
        test = lab.name;
        test+=" "+lab.location;
            $('#space').append(test);
            alert("Hi");


        });
   });
});

/* ]]> */
</script>
</head>
<body>

  <h2>available labs:</h2>
  <div id="space">some text</div>

</body>
</html>

PS是我甚至可能描述的......

Answer 1

你所描述的完全有可能，是的。但是你的代码需要工作：

例如，space的选择器不正确（它是标记中的ID，但您在jQuery代码中使用了类选择器。）

（编辑好的，我看到您现在已经编辑了示例代码。）

离线移动应用程序 - 我应该能够读取本地存储的JSON文件吗？

1 个答案: