[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 上下左右鍵盤控制事件

jQuery中,偵測鍵盤行為的指令如下:

  • keydown()  按下時觸發
  • keyup()  彈起來觸發
  • keypress()  敲擊觸發


我們應付不同的鍵盤動作可以用switch的方式分別給指令

$(window).keydown(function(event){
  switch(event.keyCode) {

  }
});  
其中,event.keyCode是鍵盤的ASCII碼,因為我暫時只用到上下左右而已所以先貼出上下左右的ASCII碼


  • 上:38
  • 下:40
  • 左:37
  • 右:39
例如:
$(document).ready(function(){ 
 $(window).keydown(function(event){
   switch(event.keyCode) {
  case 38:
   alert("top");
  break;
  case 40:
   alert("down");
  break;
  case 37:
   alert("left");
  break;
  case 39:
   alert("right");
  break;
   }
 });
});


相關連結:
ACSII對照表

留言

這個網誌中的熱門文章

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

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料