Hero Think~用手摀住我的嘴

在Client Server 架構，最麻煩的就是debug，單單server 可以用開發工具的debug mode來抓問題，而client只能借助一些瀏覽器的工具來抓問題而且也沒有debug mode，頂多只有console.log 可以用，多半都要用alert 來顯示相關資訊，而現在ajax 盛行，要抓問題時，不再只是顯示一個單值這麼容易，所以今天來介紹一下如何顯示json的值!

JSON.stringify是什麼呢?

在查資料的同時，才發現自己都是東摸一點，西學一點，沒有學習一個完整性，所以都要花上不少時間，或浪費不少時間，json格式已經瞭解並大量在使用了，但看到JSON.stringify才知，這麼好用的函式怎麼這麼晚才去瞭解呀!  在Firefox 3.1、Internet Explorer 8以上，已經都有支援，它可以將物件轉成JSON字串，所以在查詢時就很方便，以往當我們要將javascript 的物件查看其內容時，在alert 這物件只會顯示這是個[object]，還要特別去指定一個屬性才會顯示該屬性質，要查詢時蠻不方便的，而透過JSON.stringify轉成JSON字串後，就可以很輕鬆查看

JSON.stringify怎麼用?

使用語法：

如果你有個物件要顯示，最簡單的方式如下:

var obj= new Object();
obj.name="Tony";
obj.age=33;
obj.tel="0912332112";
obj.sex="M";

alert(JSON.stringify(obj));

 

多棒呀!!，JSON完整的資訊全顯示出來了，不過還有更棒的，可以在後面加上空白

alert(JSON.stringify(obj,null,4));

顯示時排列的很整理，更方便閱讀了說!!

至於中間參數replacer的用法，就是可以進行過濾的動作，將符合replacer的顯示出來，相關用法我這邊就不多寫了，如有興趣，可以看這篇文章，寫的蠻不錯的~簡單易懂 : JSON.stringify 语法讲解 – 随风浪迹天涯 – 博客园

感想

以往再使用json都是透過ajax 傳遞，所以可以透過查看response就可以看到相關內容，這次單單用在client就覺得JSON.stringify特好用的，看來還是要多多把基本功打好才行呀~^^

DWR(Direct Web Remoting) 

DWR是設計給Java語言的Ajax框架，讓開發人員可以利用JavaScript程式呼叫Java語法。

DWR的運作可分為兩個部分，一方面用在瀏覽器上，處理連接伺服器端Java程式，另一部分則是用來展示回傳資料。透過DWR呼叫Java的函式，它會處理連接處理的細節，而當資料被處理完成後，DWR就會執行回呼函式，以進行後續呈現的處理。

在安裝DWR時必須編輯Web應用程式的部署描述檔案，而且也要編輯DWR特定檔案。DWR配置檔案指定了可以遠端建立和呼叫的類別。檔案中包含伺服器程式碼的JAR檔案，另外還有JavaScript檔案，提供一些輔助函式，處理互動呈現的效果。

在使用上還蠻容易的，對於不太懂javascript的工程師想要跨到ajax的領域是一件很容易的事，他幾個sample都有寫到大致上運用時會如何寫法

對於ajax還不太瞭解的人，到以下連結，它說明的很詳細
iThome online   Ajax不只是炫技

如同這篇標題寫的，我個人也覺得ajax應該不只是看起來很炫或是搞的很複雜與一般web介面不太一樣的操作模式而已，個人認為ajax 有其二項重大的運用：
1.提高web程式的友善度，以往在開發web系統時，往往只能限於瀏覽器而無法開發如同application般的功能，這樣因為web之限制而讓使用者在操作上感到不便之情形可運用此技術大大降低

2.改善web寫程式的模式，精減系統，減少一些rework，例如 每次一查詢 所有的GUI要讓系統重新再編輯一次並傳送給使用者，使用ajax後，可以只傳送更新的資料，讓系統及網路都可提高其效益..

以下在javaword上有二個sample 還蠻容易讓人瞭解的
DWR 入門與應用（一）
DWR 入門與應用（二）

不過在使用ajax時，要特別注意系統安全性的問題…….

在第一次的使用上，花了不少時間在DWR官方網站找了很久 它提出的javascript工具(engine.js and Util.js)後來才知它已經包在DWR.jar裡 真是差點要把它的網站給翻了…=.=||| 

在 Web 應用程式開發中，頁面重讀迴圈是最大的一個使用障礙，對於 Java? 開發人員來說也是一個嚴峻的挑戰。在這個系列中，作者 Philip McCarthy 介紹了一種建立動態應用程式體驗的開創性方式。Ajax（非同步 JavaScript 和 XML）是一種程式設計技術，它允許\為基於 Java 的 Web 應用程式把 Java 技術、XML 和 JavaScript 組合起來，從而打破頁面重讀的範例。

文章出處：http://www-128.ibm.com/eveloperworks/tw/library/j-ajax1/