注:本文轉載自 IBM developerworks,作者廖雪峰。版權歸原作者所有。
JSON 即 JavaScript Object Natation,它是一種輕量級的數據交換格式,非常適合于服務器與 JavaScript 的交互。本文將快速講解 JSON 格式,并通過代碼示例演示如何分別在客戶端和服務器端進行 JSON 格式數據的處理。
盡管有許多宣傳關于 XML 如何擁有跨平臺,跨語言的優勢,然而,除非應用于 Web Services,否則,在普通的 Web 應用中,開發者經常為 XML 的解析傷透了腦筋,無論是服務器端生成或處理 XML,還是客戶端用 JavaScript 解析 XML,都常常導致復雜的代碼,極低的開發效率。實際上,對于大多數 Web 應用來說,他們根本不需要復雜的 XML 來傳輸數據,XML 的擴展性很少具有優勢,許多 AJAX 應用甚至直接返回 HTML 片段來構建動態 Web 頁面。和返回 XML 并解析它相比,返回 HTML 片段大大降低了系統的復雜性,但同時缺少了一定的靈活性。
現在, JSON 為 Web 應用開發者提供了另一種數據交換格式。讓我們來看看 JSON 到底是什么,同 XML 或 HTML 片段相比,JSON 提供了更好的簡單性和靈活性。
和 XML 一樣,JSON 也是基于純文本的數據格式。由于 JSON 天生是為 JavaScript 準備的,因此,JSON 的數據格式非常簡單,您可以用 JSON 傳輸一個簡單的 String,Number,Boolean,也可以傳輸一個數組,或者一個復雜的 Object 對象。
String,Number 和 Boolean 用 JSON 表示非常簡單。例如,用 JSON 表示一個簡單的 String “ abc ”,其格式為:
"abc"
除了字符 "
,"
,/
和一些控制符("b
,"f
,"n
,"r
,"t
)需要編碼外,其他 Unicode 字符可以直接輸出。下圖是一個 String 的完整表示結構:
一個 Number 可以根據整型或浮點數表示如下:
這與絕大多數編程語言的表示方法一致,例如:
12345(整數)
-3.9e10(浮點數)
Boolean 類型表示為 true
或 false
。此外,JavaScript 中的 null 被表示為 null
,注意,true
、false
和 null
都沒有雙引號,否則將被視為一個 String 。
JSON 還可以表示一個數組對象,使用 []
包含所有元素,每個元素用逗號分隔,元素可以是任意的 Value,例如,以下數組包含了一個 String,Number,Boolean 和一個 null:
["abc",12345,false,null]
Object 對象在 JSON 中是用 {}
包含一系列無序的 Key-Value 鍵值對表示的,實際上此處的 Object 相當于 Java 中的 Map<String, Object>
,而不是 Java 的 Class 。注意 Key 只能用 String 表示。
例如,一個 Address 對象包含如下 Key-Value:
city:Beijing
street:Chaoyang Road
postcode:100025(整數)
用 JSON 表示如下:
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
其中 Value 也可以是另一個 Object 或者數組,因此,復雜的 Object 可以嵌套表示,例如,一個 Person 對象包含 name 和 address 對象,可以表示如下:
{"name":"Michael","address":
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
}
上面介紹了如何用 JSON 表示數據,接下來,我們還要解決如何在服務器端生成 JSON 格式的數據以便發送到客戶端,以及客戶端如何使用 JavaScript 處理 JSON 格式的數據。
我們先討論如何在 Web 頁面中用 JavaScript 處理 JSON 數據。我們通過一個簡單的 JavaScript 方法就能看到客戶端如何將 JSON 數據表示給用戶:
function handleJson() {
var j={"name":"Michael","address":
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
};
document.write(j.name);
document.write(j.address.city);
}
假定服務器返回的 JSON 數據是上文的:
{"name":"Michael","address":
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
}
只需將其賦值給一個 JavaScript 變量,就可以立刻使用該變量并更新頁面中的信息了,相比 XML 需要從 DOM
中讀取各種節點而言,JSON 的使用非常容易。我們需要做的僅僅是發送一個 Ajax 請求,然后將服務器返回的 JSON
數據賦值給一個變量即可。有許多 Ajax 框架早已包含了處理 JSON 數據的能力,例如 Prototype(一個流行的 JavaScript
庫:http://prototypejs.org)提供了 evalJSON()
方法,能直接將服務器返回的 JSON 文本變成一個 JavaScript 變量:
new Ajax.Request("http://url", {
method: "get",
onSuccess: function(transport) {
var json = transport.responseText.evalJSON();
// TODO: document.write(json.xxx);
}
});
下面我們討論如何在服務器端輸出 JSON 格式的數據。以 Java 為例,我們將演示將一個 Java 對象編碼為 JSON 格式的文本。
將 String 對象編碼為 JSON 格式時,只需處理好特殊字符即可。另外,必須用 ("
) 而非 ('
) 表示字符串:
static String string2Json(String s) {
StringBuilder sb = new StringBuilder(s.length()+20);
sb.append('""');
for (int i=0; i<s.length(); i++) {
char c = s.charAt(i);
switch (c) {
case '""':
sb.append("""""");
break;
case '""':
sb.append("""""");
break;
case '/':
sb.append("""/");
break;
case '"b':
sb.append("""b");
break;
case '"f':
sb.append("""f");
break;
case '"n':
sb.append("""n");
break;
case '"r':
sb.append("""r");
break;
case '"t':
sb.append("""t");
break;
default:
sb.append(c);
}
}
sb.append('""');
return sb.toString();
}
將 Number 表示為 JSON 就容易得多,利用 Java 的多態,我們可以處理 Integer,Long,Float 等多種 Number 格式:
static String number2Json(Number number) {
return number.toString();
}
Boolean 類型也可以直接通過 toString()
方法得到 JSON 的表示:
static String boolean2Json(Boolean bool) {
return bool.toString();
}
要將數組編碼為 JSON 格式,可以通過循環將每一個元素編碼出來:
static String array2Json(Object[] array) {
if (array.length==0)
return "[]";
StringBuilder sb = new StringBuilder(array.length << 4);
sb.append('[');
for (Object o : array) {
sb.append(toJson(o));
sb.append(',');
}
// 將最后添加的 ',' 變為 ']':
sb.setCharAt(sb.length()-1, ']');
return sb.toString();
}
最后,我們需要將 Map<String, Object>
編碼為 JSON 格式,因為 JavaScript 的 Object 實際上對應的是 Java 的 Map<String, Object>
。該方法如下:
static String map2Json(Map<String, Object> map) {
if (map.isEmpty())
return "{}";
StringBuilder sb = new StringBuilder(map.size() << 4);
sb.append('{');
Set<String> keys = map.keySet();
for (String key : keys) {
Object value = map.get(key);
sb.append('""');
sb.append(key);
sb.append('""');
sb.append(':');
sb.append(toJson(value));
sb.append(',');
}
// 將最后的 ',' 變為 '}':
sb.setCharAt(sb.length()-1, '}');
return sb.toString();
}
為了統一處理任意的 Java 對象,我們編寫一個入口方法 toJson(Object)
,能夠將任意的 Java 對象編碼為 JSON 格式:
public static String toJson(Object o) {
if (o==null)
return "null";
if (o instanceof String)
return string2Json((String)o);
if (o instanceof Boolean)
return boolean2Json((Boolean)o);
if (o instanceof Number)
return number2Json((Number)o);
if (o instanceof Map)
return map2Json((Map<String, Object>)o);
if (o instanceof Object[])
return array2Json((Object[])o);
throw new RuntimeException("Unsupported type: " + o.getClass().getName());
}
我們并未對 Java 對象作嚴格的檢查。不被支持的對象(例如 List)將直接拋出 RuntimeException 。此外,為了保證輸出的 JSON 是有效的,Map<String, Object>
對象的 Key 也不能包含特殊字符。細心的讀者可能還會發現循環引用的對象會引發無限遞歸,例如,精心構造一個循環引用的 Map,就可以檢測到 StackOverflowException
:
@Test(expected=StackOverflowError.class)
public void testRecurrsiveMap2Json() {
Map<String, Object> map = new HashMap<String, Object>();
map.put("key", map);
JsonUtil.map2Json(map);
}
好在服務器處理的 JSON 數據最終都應該轉化為簡單的 JavaScript 對象,因此,遞歸引用的可能性很小。
最后,通過 Servlet 或 MVC 框架輸出 JSON 時,需要設置正確的 MIME 類型(application/json)和字符編碼。假定服務器使用 UTF-8 編碼,則可以使用以下代碼輸出編碼后的 JSON 文本:
response.setContentType("application/json;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
PrintWriter pw = response.getWriter();
pw.write(JsonUtil.toJson(obj));
注:本文轉載自 IBM developerworks,作者廖雪峰。版權歸原作者所有。
JSON 即 JavaScript Object Natation,它是一種輕量級的數據交換格式,非常適合于服務器與 JavaScript 的交互。本文將快速講解 JSON 格式,并通過代碼示例演示如何分別在客戶端和服務器端進行 JSON 格式數據的處理。
盡管有許多宣傳關于 XML 如何擁有跨平臺,跨語言的優勢,然而,除非應用于 Web Services,否則,在普通的 Web 應用中,開發者經常為 XML 的解析傷透了腦筋,無論是服務器端生成或處理 XML,還是客戶端用 JavaScript 解析 XML,都常常導致復雜的代碼,極低的開發效率。實際上,對于大多數 Web 應用來說,他們根本不需要復雜的 XML 來傳輸數據,XML 的擴展性很少具有優勢,許多 AJAX 應用甚至直接返回 HTML 片段來構建動態 Web 頁面。和返回 XML 并解析它相比,返回 HTML 片段大大降低了系統的復雜性,但同時缺少了一定的靈活性。
現在, JSON 為 Web 應用開發者提供了另一種數據交換格式。讓我們來看看 JSON 到底是什么,同 XML 或 HTML 片段相比,JSON 提供了更好的簡單性和靈活性。
和 XML 一樣,JSON 也是基于純文本的數據格式。由于 JSON 天生是為 JavaScript 準備的,因此,JSON 的數據格式非常簡單,您可以用 JSON 傳輸一個簡單的 String,Number,Boolean,也可以傳輸一個數組,或者一個復雜的 Object 對象。
String,Number 和 Boolean 用 JSON 表示非常簡單。例如,用 JSON 表示一個簡單的 String “ abc ”,其格式為:
"abc"除了字符 "
,"
,/
和一些控制符("b
,"f
,"n
,"r
,"t
)需要編碼外,其他 Unicode 字符可以直接輸出。下圖是一個 String 的完整表示結構:
一個 Number 可以根據整型或浮點數表示如下:
這與絕大多數編程語言的表示方法一致,例如:
Boolean 類型表示為 true
或 false
。此外,JavaScript 中的 null 被表示為 null
,注意,true
、false
和 null
都沒有雙引號,否則將被視為一個 String 。
JSON 還可以表示一個數組對象,使用 []
包含所有元素,每個元素用逗號分隔,元素可以是任意的 Value,例如,以下數組包含了一個 String,Number,Boolean 和一個 null:
Object 對象在 JSON 中是用 {}
包含一系列無序的 Key-Value 鍵值對表示的,實際上此處的 Object 相當于 Java 中的 Map<String, Object>
,而不是 Java 的 Class 。注意 Key 只能用 String 表示。
例如,一個 Address 對象包含如下 Key-Value:
city:Beijing street:Chaoyang Road postcode:100025(整數)用 JSON 表示如下:
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}其中 Value 也可以是另一個 Object 或者數組,因此,復雜的 Object 可以嵌套表示,例如,一個 Person 對象包含 name 和 address 對象,可以表示如下:
{"name":"Michael","address": {"city":"Beijing","street":" Chaoyang Road ","postcode":100025} }上面介紹了如何用 JSON 表示數據,接下來,我們還要解決如何在服務器端生成 JSON 格式的數據以便發送到客戶端,以及客戶端如何使用 JavaScript 處理 JSON 格式的數據。
我們先討論如何在 Web 頁面中用 JavaScript 處理 JSON 數據。我們通過一個簡單的 JavaScript 方法就能看到客戶端如何將 JSON 數據表示給用戶:
function handleJson() { var j={"name":"Michael","address": {"city":"Beijing","street":" Chaoyang Road ","postcode":100025} }; document.write(j.name); document.write(j.address.city); }假定服務器返回的 JSON 數據是上文的:
{"name":"Michael","address": {"city":"Beijing","street":" Chaoyang Road ","postcode":100025} }只需將其賦值給一個 JavaScript 變量,就可以立刻使用該變量并更新頁面中的信息了,相比 XML 需要從 DOM
中讀取各種節點而言,JSON 的使用非常容易。我們需要做的僅僅是發送一個 Ajax 請求,然后將服務器返回的 JSON
數據賦值給一個變量即可。有許多 Ajax 框架早已包含了處理 JSON 數據的能力,例如 Prototype(一個流行的 JavaScript
庫:http://prototypejs.org)提供了 evalJSON()
方法,能直接將服務器返回的 JSON 文本變成一個 JavaScript 變量:
下面我們討論如何在服務器端輸出 JSON 格式的數據。以 Java 為例,我們將演示將一個 Java 對象編碼為 JSON 格式的文本。
將 String 對象編碼為 JSON 格式時,只需處理好特殊字符即可。另外,必須用 ("
) 而非 ('
) 表示字符串:
將 Number 表示為 JSON 就容易得多,利用 Java 的多態,我們可以處理 Integer,Long,Float 等多種 Number 格式:
static String number2Json(Number number) { return number.toString(); }Boolean 類型也可以直接通過 toString()
方法得到 JSON 的表示:
要將數組編碼為 JSON 格式,可以通過循環將每一個元素編碼出來:
static String array2Json(Object[] array) { if (array.length==0) return "[]"; StringBuilder sb = new StringBuilder(array.length << 4); sb.append('['); for (Object o : array) { sb.append(toJson(o)); sb.append(','); } // 將最后添加的 ',' 變為 ']': sb.setCharAt(sb.length()-1, ']'); return sb.toString(); }最后,我們需要將 Map<String, Object>
編碼為 JSON 格式,因為 JavaScript 的 Object 實際上對應的是 Java 的 Map<String, Object>
。該方法如下:
為了統一處理任意的 Java 對象,我們編寫一個入口方法 toJson(Object)
,能夠將任意的 Java 對象編碼為 JSON 格式:
我們并未對 Java 對象作嚴格的檢查。不被支持的對象(例如 List)將直接拋出 RuntimeException 。此外,為了保證輸出的 JSON 是有效的,Map<String, Object>
對象的 Key 也不能包含特殊字符。細心的讀者可能還會發現循環引用的對象會引發無限遞歸,例如,精心構造一個循環引用的 Map,就可以檢測到 StackOverflowException
:
好在服務器處理的 JSON 數據最終都應該轉化為簡單的 JavaScript 對象,因此,遞歸引用的可能性很小。
最后,通過 Servlet 或 MVC 框架輸出 JSON 時,需要設置正確的 MIME 類型(application/json)和字符編碼。假定服務器使用 UTF-8 編碼,則可以使用以下代碼輸出編碼后的 JSON 文本:
response.setContentType("application/json;charset=UTF-8"); response.setCharacterEncoding("UTF-8"); PrintWriter pw = response.getWriter(); pw.write(JsonUtil.toJson(obj)); pw.flush();JSON 已經是 JavaScript 標準的一部分。目前,主流的瀏覽器對 JSON 支持都非常完善。應用 JSON,我們可以從 XML 的解析中擺脫出來,對那些應用 Ajax 的 Web 2.0 網站來說,JSON 確實是目前最靈活的輕量級方案。
pw.flush();
JSON 已經是 JavaScript 標準的一部分。目前,主流的瀏覽器對 JSON 支持都非常完善。應用 JSON,我們可以從 XML 的解析中擺脫出來,對那些應用 Ajax 的 Web 2.0 網站來說,JSON 確實是目前最靈活的輕量級方案。
相關的bean如下有人說,創業是孤獨的,是寂寞的,你只能獨自前行;而我說:朋友,一切都不象你說的那樣!有許多與你同路的朋友,何不一起搭個手,做個伴.讓我們一起分享創業路上的喜悅和艱難!
這是我的創業失敗總結,我想告戒自己,同時也告訴世人:做多錯多,成功只是你看得見的那冰山一角。多少億萬富翁的過去都成為了傳奇,我卻想留給人們他真實的一面,失敗的一面。如果有后來人創業,我有些經驗可以共享:
1、以你現有的經驗、能力、資源、資金等,考慮你是要做名商人還是法人,小商人只須自己有能力,法人則要依靠運營系統。如有可能,最好做到在外是商人,在內是法人。
2、無論你是做商人還是法人,首先要進入相對朝陽的產業。須記?。?0%的企業死在了行業選擇的決策性失誤里,剩余90%的企業,則死在了她一直建不起來的企業系統里。
3、應考慮你所長,進入你熟悉的領域,不要全力投入你不熟悉的領域。如果實在要做,應做好充足的資金準備,充分的勤奮準備,以及相應的得力人手。否則,及早退出。
4、進入一個市場,最重要的是要考慮你想解決什么問題,有多大空間,對手怎樣,你應在何時用何種方式來解決;如果資金不多,趕緊找盈利的現金點和小模式,不可戀戰。
5、用較長的時間來尋找適合的股東,不可僥幸;所謂成也蕭何敗也蕭何,一個人做的風險遠小于與不適合的股東合伙;且做為創業的掌盤者,應寬容、積極、善待你的股東。
6、公司開始運營,你當身先士卒;有20人時,根據2/8定律,應有4名骨干,你居中協調;有10來名骨干時,帥、將、兵應培養上,同時你自己退后,繼續扶持、嚴管。
7、管理就是獎和懲,再加企業文化的潤滑。管理沒有捷徑,你投入得越多,你的根基就越深,同時系統枝繁葉茂。領導者要建機制,管理者則首要的是管目標,其次是管人。
8、領導者是開局者,管理者是服從者。領導者要能聽懂人言,善于納諫,但要一個人拿主意,因為風險都是你的。決策既定,則要說服溝通后貫徹執行,不可朝令夕止。
9、領導者最重要的四個素質——洞察力:否則難以判斷對人和事;全局能力:否則難以平衡人和事;用人能力:否則你累死也做不完;影響力:經常被別人影響就不是領導。
10、企業家的四要素——夢想:有夢想才有方向和目標;激情——激情是行動力是影響力;冒險——凡事走在前,成功概率越大競爭越激烈;責任——責任使你自律和堅韌。
11、對于小企業融資,壓上游和下游資金是上上策;降價成交、用預期換現、出租房屋是上策;找銀行和機構貸款是中策;私人借款、內部集資是下策;信用卡透支、典當是下下策。
/*
* 寫cookie
*/
Cookie namecookie = new Cookie("name",name);
Cookie passwordcookie = new Cookie("password",password);
Cookie optioncookie = new Cookie("option","1");
//生命周期
namecookie.setMaxAge(60*60*24*365);
passwordcookie.setMaxAge(60*60*24*365);
optioncookie.setMaxAge(60*60*24*365);
response.addCookie(namecookie);
response.addCookie(passwordcookie);
response.addCookie(optioncookie);
/*
* 讀cookie
*/
Cookie[] cookies = request.getCookies();
if(cookies!=null)
{
String name = "";
String password = "";
String option = "";
for (int i = 0; i < cookies.length; i++)
{
Cookie c = cookies[i];
if(c.getName().equalsIgnoreCase("name"))
{
name = c.getValue();
}
else if(c.getName().equalsIgnoreCase("password"))
{
password = c.getValue();
}
else if(c.getName().equalsIgnoreCase("option"))
{
option = c.getValue();
}
}
}
|
想必您已經聽說過 Ext、瀏覽了在線演示,并且嘗試閱讀API文檔。不過,面對復雜的API文檔,您卻不如何下手?!
通覽過API文檔,并且找到了所要立刻嘗試的功能,面對混雜的網頁源代碼,如何開始一個簡單的測試頁面?那么……
不論您的目標是什么,您都可以依照本文快速的開始使用Ext。不,不用搭建服務器,您所需要的僅僅是Firefox瀏覽器和Firebug調試插件。如果還沒有安裝,那么現在就是一個好機會。
Ext.get(document.body).update('<div id="test"></div>');
上邊這行代碼的作用是將當前DOM body元素用一個ID為test的div元素替換。剛才那些API文檔已經被刪除,但 Ext 代碼依舊生效,并且隨時為您效勞。
現在,我們假設您希望簡單的添加一個面板元素(Panel),但對Ext.Panel的API冗繁的說明無能為力。那么試著將這些代碼添加到 firebug 的控制臺中:
Ext.get(document.body).update('<div id="test"></div>');
new Ext.Panel({ renderTo: 'test',
width: '200px',
title: 'My Title',
html: 'My HTML content' });
再次敲擊 Ctrl-Enter 。嗨!您的面板元素已經誕生。
很好,不過如果修改一些選項呢?用下邊的代碼替換剛才的那些代碼:
Ext.get(document.body).update('<div id="test"></div>');
new Ext.Panel({ renderTo: 'test',
width: '200px',
title: 'My Title',
html: 'My HTML content',
collapsible: true });
敲擊 Ctrl-Enter 。怎么樣,一個可以伸縮的面板就配置好了。(注意面板右上角的小圖標)
每次敲擊 Ctrl-Enter ,第一行代碼都會移除現有的內容,這樣您就可以有一個干凈的調試環境。這是一個簡單的小技巧,十分方便您嘗試各種配置選項。
您可以為update()函數添加所需要的 HTML 代碼,無論多少。然后編寫或多或少的 Javascript 來探索 Ext API。
還等什么?現在就去親自實踐 Ext Api 吧。
對節點元素的操作是ExtJS的核心內容,大部分的Java操作都需要獲取頁面上某個節點元素,傳統的Java方法,是通過ID來獲得DOM節點的,例如我們的頁面上有一個id值為content的DIV節點,我們想獲得這個節點元素,用以下代碼來獲得:
var content = getElementById('content');
而在ExtJS中,類似prototype中的$()方法,ExtJS擁有Ext.get()方法,可以使用
var content = Ext.get('content')
看起來這并沒有太大的優勢,但是通過Ext.get返回的節點元素,將自動擁有快捷的、統一的、跨瀏覽器的接口,直接支持Cache,使多次訪問同一節點元素的時候更加高效,并且直接使元素支持一些常用特效,例如:高亮,拖拽等。
例如以下的HTML代碼與js代碼:
<body id="content">
hi
</body>
Ext.onReady(() {
Ext.get('content').highlight();
});
當頁面加載完畢之后,他將使整個頁面刷下變黃,然后又褪掉了。
ExtJS還支持一種使用Ext.select方法的多節點元素的操作,他將返回多個節點元素,與Ext.get方法一樣,Ext.select方法返回的節點元素同樣擁有那些Ext.get返回的節點元素所擁有的那些特性。
例如這樣的HTML與js代碼:
<body id="content">
<p>
段落1
</p>
<div>
字符2
</div>
<p>
段落3
</p>
</body>
Ext.onReady(() {
Ext.select('p').highlight();
});
當頁面加載完畢之后,只有段落1和段落3變黃,然后又褪掉了。