HTML5 表單元件：client端，開啟json文字檔，再轉成json物件 (下載book.json)
(要用chrome才能查詢到json資料)

1.重要觀念：
在client端是無法用loadjson的方式讀進整個json物件的，所以若要在client 端讀進json的資料，變通的方法是，以『字串』的方式讀入(而非json物件)，讀入後再將字串轉成json物件

2.步驟1：讀入純文字的步驟

(A) 開啟檔案元件

var jsonstring ="";
function show01(fileinfo) {
file = fileinfo.files[0];
var fReader = new FileReader();
fReader.onload = function (event) {
document.getElementById('txt01').value = event.target.result;
jsonstring = event.target.result;
};
fReader.readAsText(file);
}

(3).步驟2：將字串轉成json物件: jsonDoc = JSON.parse(jsonstring)

function parsejson() {
var jsonDoc = JSON.parse(jsonstring);
}

(4).步驟3：如何使用jsonDoc物件

(a).觀念：將字串讀進到jsonDoc，jsonDoc本身就是一個物件變數陣列，操作法就更傳統javascript的物件變數陣列一樣

(b).第1本書的書名: jsonDoc[0].title;
第2本書的書名: jsonDoc[1].title
第3本書的書名: jsonDoc[2].title

(5).book.json內容

[
{
"title": "Dreamweaver CC 網站設計",
"author": "鄧文淵",
"category": "網頁設計",
"pubdate": "05/2014",
"id": "web001"
},
{
"title": "ASP.NET 3.5 網頁程式設計",
"author": "陳會安",
"category": "網頁設計",
"pubdate": "07/2014",
"id": "web002"
},
{
"title": "C#.NET 程式設計",
"author": "曹祖聖",
"category": "程式設計",
"pubdate": "11/2012",
"id": "prog001"
},
{
"title": "jQuery Mobile設計",
"author": "陳會安",
"category": "手機設計",
"pubdate": "06/2014",
"id": "mobile001"
}
]