Archive

‘AJAX’ 分類過的Archive

好用的JSON.stringify(物件建立JSON字串)

2013年5月12日 尚無評論

在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怎麼用?

使用語法:

JSON.stringify(value [, replacer] [, space])
value:目標物件(陣列)
replacer:要比對顯示的對像物件(陣列)
space:要補的空白

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

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特好用的,看來還是要多多把基本功打好才行呀~^^

Categories: AJAX, Java Script, WebDesign, 未分類 Tags:

DWR for JAVA ajax 輕鬆入門 WEB 2.0

2007年7月15日 尚無評論

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裡 真是差點要把它的網站給翻了…=.=||| 

Categories: AJAX Tags: ,

面向 Java 開發人員的 Ajax: 建構動態的 Java 應用程式

2006年3月9日 尚無評論

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

讀後感想:
我想來這個技術不算是新的技術啦,以前我想很多人都有因為web介面在處理資料時,不像應用程式的概念而會寫過類似的功能了,只不過他運用javascript 及xml 定出了一個看來比較俱體的程式設計,目前沒有一定的寫法 各家開發出來的模組也都不相同,看來未來可能會出現一些將完整的framework 吧!!

這篇IBM的文章說明的很詳細,適合初學者看喔!
因為長了點又有些圖,所以大家有興趣自已去瞧瞧吧…

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

Categories: AJAX Tags: