私の質問はここにあるものに似ていますTrying to parse JSON file with jQueryしかし、私はそれを適応させることができないようです。私は主にHTML5を使用してオフラインのモバイルアプリを作成したいオフラインモバイルアプリケーション - ローカルに保存されたJSONファイルを読み込むことはできますか?
、アプリでCSSとJavaScript/jQueryの すべてのファイルは、私はそれが
を働いてきたとき、私はJSONを作成するために思っていた願って現金化されますコンピュータラボに関するいくつかのデータを含むファイル - 例えばオープン時間capasityものの、そのタイプ
{ "name":"Boole basement",
"location":"Main Campus",
"staffed":"Yes"}
そしてとlocalY保存されたJSONファイルを読み込む - それを解析したり、何でもしてから、新しいdiv要素内の各オブジェクトを表示します。当初、私はちょうど1つの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は、あなたが説明してきた何
私は#spaceを使用していましたが、さまざまな例で混乱し、あらゆる方法で試行錯誤しています。 '#space'を使用しても何も表示されません。私のコードは正しく整理されていますか?本文のスクリプトタグやheadタグの代わりに、あるいはその代わりにスクリプトタグを使った例を見てきました。 – Noelette
CSS3とjQueryなどでオフラインHTML5アプリケーションを作成することは簡単なことではありません。 jQueryの基礎がわからない場合は、最初に(多くの偉大なチュートリアルやドキュメンテーションがあります)、それらのアプリケーションをコーディングしてアプリケーション全体をコーディングすることをお勧めします。 – Ben