[JavaScript] 將 CSV 檔案轉換成 JSON 資料

我們在拿到客戶提供的資料的時候常常會拿到 excel 檔案(這算幸福的)
至少我們可以簡單的利用一些軟體轉成 csv丟進資料庫裡處理。如果搭配個後端 API 基本上資料都不會是太大的問題可以做成 JSON 供 JavaScript 使用,但是如果在沒有後端或是資料庫的環境中呢?


首先我們先把 csv 檔案放到 server上 利用 $.get() 取得內容,接著將內容String 丟進我們待會會用到的 csvJSON 外掛 function 中。就會取得 JSON
但是這個時候的 JSON 還是 String 的形態所以還無法被解析,我們再加個 JSON.parse() 就可以拿到整個 JSON 物件摟!


function 來源:
https://gist.github.com/iwek/7154578

Firebase database 在 web 上面的基礎運用 (新增資料)


會找到這邊來我們就不解釋什麼是 Firebase 了。在一些簡單的案子中我們可以直接用他的js sdk 進行資料的儲存,不用自己管 database。

1.載入環境
https://www.gstatic.com/firebasejs/live/3.0/firebase.js

 
 // Set the configuration for your app
  // TODO: Replace with your project's config object
    var config = {
    apiKey: "請去 filebase申請",
    authDomain: "請去 filebase申請",
    databaseURL: "請去 filebase申請",
    storageBucket: "",
  };
  firebase.initializeApp(config);


如此一來就可以呼叫來用了。

1.新增資料
  
var Data = {
   "name":"123",
   "phone":"0912345678"
}
firebase.database().ref("/member").push(Data);

很明顯地他可以直接把 json 拋給 firebase 存檔在 firebase 的後台上就可以查看。
多丟幾次他就會一直往下增加堆疊。然後會產生一組 key 用來辨識這筆資料。如果我們要抓到這隻 key的話:可以在後面加上.key
  
var Data = {
   "name":"123",
   "phone":"0912345678"
}
var Key = firebase.database().ref("/member").push(Data).key;
console.log(Key);




在第一次使用的時候發現一個問題就是,他會跟你說權限有問題 Permission denied
這個時候需要去設定:
讓權限可以讀寫,那你問我安全性的問題要怎麼做嗎?
老實說~等我會用的時候再說吧!

留言

這個網誌中的熱門文章

利用 google MAP API 取得座標之間的距離

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料