[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 datepicker

我們在製作網頁表單的時候常常會用到填寫日期的地方。
早期我們只能讓使用者填寫完後,再來檢查格式對不對,有了AJAX技術後我們常常會看到下面的畫面:
 



利用萬年曆方式選擇日期,這樣的好處就是使用者終於不用猜我們網站的日期格式了。
這個技術同時會使用到 jquery  jquery-ui  


1.在head貼上

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">script>
這是連結到jquery網站上面的程式路徑,你也可以直接去這個路徑把檔案抓到你的網頁資料夾上。
 
2.貼上javaScript語法
其中我們看到第三行 #birthday 表示這個功能要套用到ID為 birthday 的表單,datepicker裡面代的參數可以在官方網站裡面查到
主要是用來控制細部功能的。
3.建立一個input欄位ID和上面設定相同。
 
 
這樣就大功告成了!
相關網站: 
http://jqueryui.com/demos/datepicker/

留言

這個網誌中的熱門文章

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

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料