Tag: json

JSONP 實做：使用 Google Ajax Search

2009 年 07 月 14 日

範例網頁：JSONP 實做：使用 Google Ajax Search ※ 詭異的是，我使用 $.get 都只能收到 400 Bad Request，只能用 $.ajax 才能正常。 $.ajax({ url: 'http://ajax.googleapis.com/ajax/services/search/web', data:{ 'key': gsearch.key, 'v': '1.0', 'q': encodeURIComponent(k), // + '+site:essoduke.org' 搜尋網站, 'rsz': 'large', 'hl': 'zh-TW', 'start': s }, dataType: 'jsonp', success: gsearch.fetch }); 參考資料：開發人員指南 – Google AJAX 搜尋 API – Google Code 基礎搜尋物件 – Google AJAX Search […]

技術文章, 資訊科技

jQuery FlyDOM 樣板系統範例

2009 年 04 月 09 日

essoduke chang

css, html, javascript, jquery, json

範例連結：jQuery FlyDOM 樣板系統範例這個範例將伺服器端定位為資料提供者，所有的排版、定位等都交給使用者端來運算，也因為如此，所以特地試做了「檢視方式」清單，效果還不錯，只是還有幾個小問題要解決。除了三種樣式作成樣板物件之外，包括分頁選擇也都獨立成樣板，伺服器端的頁數資料我也是用 JSON： //css 的值就是各頁數的樣式類別 [{'page':'1', 'css':'selected'}, {'page':'2', 'css':''}] 為了讓總筆數和「目前顯示」資料能正確使用並減少伺服器存取的次數，我把這個項目也列入資料產出的 JSON 並放到最後，所以每次查詢資料就會有這項資訊可以使用，不用再額外撈一次： [{'id':'1', 'player':'Paul Konerko'....}, ......, {'records':'18', 'display':'1-9'}] ※ 資料使用 MLB 2009-04-07 白襪對皇家例行賽的打者成績，直接建立成 JSON 所以無法進行刪除，而修改也沒完成，反正只是 FlyDOM 的範例嘛… 這是預設的「詳細資料」樣式。檢視方式的下拉選擇清單，只需要簡單的定位就能完成。圖示檢視，這個順便用了 jQuery UI 做了拖曳排序的效果。清單檢視參考資料： jQuery Plugin – FlyDOM: Create DOM on the Fly jQuery: The Write Less, Do More, JavaScript Library […]

技術文章, 資訊科技

台灣三碼郵遞區號 JSON 版

2009 年 01 月 21 日

essoduke chang

javascript, jquery, json, twzipcode, zipcode, 郵遞區號

最近有個案子有做到三碼郵遞區號填寫的部份，而中華郵政網站上提供的只有 Word, Excel 和 TXT 格式，索性就自己造檔，轉成 JSON 格式可讀性比較高、維護也方便，而且許多伺服端語言都有 JSON Library 可以使用。 zipcode.js 可以使用下列方法來個別取出： //縣市 for (var county in zipcode) { ... } //鄉鎮市區 for (var area in zipcode[county] { ... } 範例應用：那怎麼應用在 3+2 格式？最後兩碼讓訪客自己填就好了啊…XD — 本來是想寫成 jQuery 的 Plugin，不過好像沒必要 :p