[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 快速擁有常用的網頁功能icon css

上篇自訂你的 jQuery UI中,小灰狼提到jQuery UI中有多項自訂的UI風格。而我們網站上常用的icon其實也是其中一個jQuery UI有提供的項目。
和一般的用法不太相同的是,他是使用一張icon的總覽圖,藉由指定不同的位置來顯示不同的icon
就像上面那張圖,jQuery提供了這樣的一整個icon表。讓我們快速的使用在網站中,這樣在網站上面要用到的icon風格就可以很簡單統一啦!真是佛心來的。
不過有一個問題就是:要怎樣可以快速地挑選到我們要的那個icon呢?


快速挑選jQuery UI icon小秘訣

step1:先下載並解壓縮
打開index.html
是的!這個頁面算是一個簡單的demo頁面。很剛好的裡面就有所有的icon圖檔,我們可以用firebug看一下。就可以看到相對應的樣式名稱。夠簡單吧!



後記:
經過布丁大大的指點,這個技術叫做css sprite。簡單的說就是把一堆icon拼貼成一張圖以後再定位的CSS手法。既然都已經知道是這樣做了那麼我們就補充一下線上的產生工具吧!

留言

這個網誌中的熱門文章

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

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料