jQuery -- 讓網頁的開發變輕鬆了

 201107241640 (原來我是 2011 開始接觸 jQuery 的)

前陣子，在書店閒逛，無意中發現幾本關於 jQuery 的書，順手翻翻，翻到關心的AJAX的實作，發現好像是個不錯的東西。

開發動態網頁時，雖然瀏覽器的javascript能夠讓程式更具彈性。但是為了程式的穩定，避免各家瀏覽器不相容的特性，都不太敢使用瀏覽器端的javascript。儘可能的在伺服器端進行各種資料處理。

透過 jQuery，把關於瀏覽器的一些細節都處理好了，開發者可以把精神放在問題的處理上。jQuery本身不大，但構想不錯，獲得各大軟體巨頭的支持，包括微軟在內。

過去，asp 和 php 的推出，取代了不便的 cgi，讓動態網頁的開發變得輕而易舉。如今，jQuery的推出，將會讓瀏覽器端的程式撰寫變得更簡單，尤其很容易就能達到AJAX的功能，可以預期網頁的互動將會越來越友善。

201107161120 單引號還是雙引號

這幾天，無意中知道一個叫 jQuery 的東西，讓網頁程式很容易達到 AJAX 的功能。

在書局中翻了一本參考書籍，覺得還不錯，只是最近手頭有點緊，就把相關的部份翻一翻，硬背了一個實例。回家上網搜尋了一下，原來天下文章一大抄，與網路的實例差不多，只不過把後端的程式由php改成asp.net。

隔天上班後，開始測試，就是不成功。程式已經改成和網頁的DEMO程式一樣，還是不行。
試了各種可能的組合，也學會了用firebug來看錯誤訊息。
最後才知道，jQuery 的 JSON parser 變嚴格了，屬性名稱要加雙引號，字串屬性要用雙引號，改成單引號就會錯。

例如，DEMO 中傳回的 JSON形式的資料為
[{optionValue:10, optionDisplay: 'Remy'},
 {optionValue:11, optionDisplay: 'Arif'},
 {optionValue:12, optionDisplay: 'JC'}]

必需改成
[{"optionValue":10, "optionDisplay": "Remy"},
 {"optionValue":11, "optionDisplay": "Arif"},
 {"optionValue":12, "optionDisplay": "JC"}]

DEMO 中使用的是 jQuery 1.2.3，而我下載的是 jQuery 1.6.2。版本不同，要求就變嚴格了。

有人說挫折可以鍛鍊心智的肌肉，從此次的經驗體會到，程式的除錯可以增強寫程式的功力，
讓我學會了jQuery 的error handling，firebug的功能。也算是有一些小小的成長吧!