[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
張貼留言

關於中文亂碼的部分

-
這個方法據說是最有效的
我自己測試的結果也是

只要在連接MySQL的宣告檔中加上這些

mysql_query("SET NAMES 'utf8'");
mysql_select_db("product");

就可以強制把存入的中文用utf-8下去編碼
當然，前提是要顯示的網頁也是在utf-8的環境下才行

<伺服器環境:AppServ Open Project - 2.5.9>

留言

張貼留言

這個網誌中的熱門文章

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

-
圖片
這次我收到的任務是，客戶給我一堆經緯度地理座標，我必須要去計算每個點和我之間的距離。然後要進行排序的動作
如果是之前的解法的話，我必須要自己去計算每個點和我自己的距離，寫入到一個陣列後再進行排序。其實非常的累，Google推出的這隻API可以讓我們把經緯度一次都丟給他，然後他直接回傳結果給我們（真是非常佛心）。
不過還是有規範限制的：
每個要求最多能有 25 個起點或 25 個目的地；每個要求最多能有 100 個元素 (起點數乘以目的地數)。要使用 GOOGLE API_KEY 在官方文件的範例中點選 API_KEY 直接它就會幫你套用 API_KEY (怎麼這麼好)






這個範例會從載入地圖畫面 到顯示地址，座標轉換通通都一次丟出來。我們也可以針對裡面做精簡的處理，就可以單純地取得列表（google 並沒有幫我們排序，我們可以自己來）。


官方API文件路徑：
Distance Matrix 服務
閱讀完整內容

JavaScript 將 Array 和 Object 轉成 JSON

-
一直都在作 php 的後端工程，對於 php 來說轉換成 JSON 格式只需要使用 json_encode 這個函式就可以。
那麼如果要在 JavaScript 中產生 JSON 呢？

第一個動作：先宣告會用到的 Array 和 Object

var arr = new Array(); var obj = new Object; 然後我們用迴圈把 obj 的內容塞進去到 array 中
for (i = 0; i < 10; i++) { obj.color = 'red'; obj.doors = 4; obj.mpg = 23; arr = arr.concat(obj); } 提示一下： concat 這個函式是用來作陣列的堆疊。所以陣列 arr 裡面就會有很多的 obj 每個 obj 裡面會有三個值
最後利用 JSON.stringify(arr) 把陣列轉成 JSON
alert(JSON.stringify(arr));

相關連結請參考：
JSON.stringify 函式 (JavaScript)
閱讀完整內容

讓 PHP 接收 post 的 json 資料

-
我們在串接API的時候會用到 CURL 函式 POST 資料給 JSON 接收，雖然我們是使用 POST 傳出資料。但是我們在接收的 SERVER 端使用 $_POST 卻抓不到任何資料。

原來 PHP 默認只支援 application/x-www.form-urlencoded 來把資料塞入到  $_POST  所以即便你用 POST 傳值過來，也不能用 $_POST 來取值。
這時候我們就要用 $GLOBALS['HTTP_RAW_POST_DATA'] 來取得資料了。因為其實SERVER端是有拿到資料的，所以用這個參數就可以拿到"完整"資料。


後記：
後來又出現了一個問題，$GLOBALS['HTTP_RAW_POST_DATA'] 如果要可以正確取得資料，需要去把 php.ini 中的功能打開，這對很多專案中客戶是採用虛擬主機的是一個很大的問題。好險有另一個方式也可以取得原始的 post 資料：


echo $data = file_get_contents("php://input");
閱讀完整內容