Save data with .JSON

這篇文章要先從另外一個我之前開發的遊戲說起 #colorspeed

是一個概念很簡單的小遊戲

畫面中會出現不同顏色的英文單字,如:black, red, blue ….

但是單字的顏色就不一定會是對應的顏色

這時就要點選正確的顏色

最後接上 mySQL 資料庫存取 Top3 的成績

這遊戲開發並串接 mySQL 後端資料庫並不困難

只是後來覺得為了三筆資料就要開一個 table 來放有點太搞剛了@@

恰好想起 25sprout 中已為人妻的 Cathy 所寫的部落格文章

使用簡單的 php 搭配 .json 檔就能夠省去後端資料庫的麻煩

首先是建立一個 .json 檔,這裡取為 “data.json”

內容則是一個 json 格式的資料

由於我需要存放前三名的資訊,所以用三個 key 分別為 "top1", "top2", "top3"

value 則依序為其使用者姓名、完成時間、刷新記錄時間

在需要讀取此份檔案時,用 jQuery 呼叫即可

最後再把 json 內容顯示在前臺畫面

如果要修改這份 .json 檔內容的話就得使用 php

用 file_get_contents 取得這份 .json 的內容,再搭配 json_decode 轉換成可讀寫的 $json 變數

最後再把值存回 data.json 即可

一個簡單的資料存放就這樣就完成啦~

最後附上來自 25sprout Cathy 的參考資料~

JavaScript Ajax 簡單儲存 JSON 資料


Originally published at blog.eddiewen.me on March 15, 2015.