[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

自訂你的 jQuery UI


在編輯網頁的時候,我們常常會用到jQuery來作為實現AJAX效果的輔助工具。而jQuery中最著名且最常用的不外就是jQuery UI了。
jQuery UI在官方網站中有提供各種常用的widgets
  • Autocomplete(input自動完成)
  • Accordion(收合式選單及內容 這個適合做Q&A)
  • button(裡面很多效果的button樣式)
  • Datepicker(下拉日期選單) 快速製作日期選單 -jQuery UI datepicker
  • Dialog(alert的美化樣式?)
  • Progressbar(百分比bar)
  • Slider(利用拉bar的方式選擇數字及範圍)
  • Tabs(這個不解釋了、就是tabs)
這麼多種不同的樣式應該可以滿足"基本"的網站頁面需求啦!不過這些東西如果樣式沒有統一的話那麼頁面應該會一整個怪異吧!這時候就要用到自訂項目下載的方式瞜! 如下圖所示:選擇右手邊的 Build 就可以進入編輯下載樣式和功能的頁面(其實點選Download也是進到這裡啦)

進入後可以在這邊勾選你要的項目,如下圖我右手邊框起來的地方可以選擇樣式的套版

如果你對他預設的套版有意見,想要自己設計或是你根本不知道那些套版長什麼樣子。你可以點選design a custom theme這個連結可以讓你做很多的細部修正和即時預覽,可以讓你玩到爽以後再下載。

留言

這個網誌中的熱門文章

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

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料