離線移動應用程序 - 我應該能夠讀取一個localally存儲的JSON文件嗎？

我的問題類似於這裏的Trying to parse JSON file with jQuery，但我似乎無法適應它。離線移動應用程序 - 我應該能夠讀取一個localally存儲的JSON文件嗎？

我想主要是利用HTML5，CSS和JavaScript/jQuery的應用中的全部文件將兌現我希望當我它的工作

我曾想過要創建一個JSON創建離線的移動應用程序如開放時間capasity這種類型的東西

{ "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是我一直discribed甚至有可能...

來源

2011-08-08 Noelette

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

例如，你的space選擇不正確（這是在你標記了一個ID，但你使用jQuery代碼一個類選擇）。

（編輯好的，我看你已經編輯你的示例代碼了）。

來源

2011-08-08 20:54:33 Ben

我一直在使用＃空間，但是我被各種示例搞糊塗了，最終每一步都在嘗試着做事。即使使用'#space'也不會顯示。我的代碼是否正確組織？我已經看到了身體腳本標記以及頭標記的示例。 – Noelette

使用CSS3和jQuery創建離線HTML5應用程序並不是一件簡單的事情。我會恭敬地提出，如果你不瞭解jQuery的基礎知識，那麼你首先會得到這些基礎知識（大量優秀的教程和文檔），然後繼續編寫整個應用程序。 – Ben

離線移動應用程序 - 我應該能夠讀取一個localally存儲的JSON文件嗎？

回答

相關問題