[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

讓文章中加入程式語法

在blogger中要加入程式語法其實一點也不難,只要掌握幾個重點:
1.你至少要知道怎麼修改css
    在"設計"中找到修改HTML的功能直接在裡面編輯一個專屬於程式語法用的class,我就取名為code夠明白吧!
然後在裡面貼上css的語法,如下:
.code{
  background:#dfdfdf;
  color:#333333;
  padding:5px;
  border:1px solid #000;
}

2.基本上blogger基於安全性理由是不會直接讓你貼上程式語法在前台中顯示的,所以我們要先經過轉碼,線上轉碼的網址:http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
經過轉碼以後,再貼到"修改HTML"中對應的位置,記得要用pre標籤和 class=code包起來喔
如下:

經過轉碼後我們看到的內容是長這樣的
<pre class="code">
這邊可以貼上語法<b>不會被處理掉</b>
</pre>

把這個內容貼到編輯器中他會自動幫我們轉回來變成
<pre class="code">
這邊可以貼上語法<b>不會被處理掉</b>
</pre>

留言

這個網誌中的熱門文章

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

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料