ajax：擁抱json，讓xml走開_ajax教程

2024-09-01 08:34:04

字體：大中小

來源：轉載

供稿：網(wǎng)友

　　Ajax(Asynchronous JavaScript and XML)說到底就是一種瀏覽器異步讀取服務器上XML內容的技術。目前的技術凡是跟XML扯上關系，再加上個概念做幌子，就像金裝了相同，拽得不行。門外的人看得非常是熱鬧，門里的人搖搖頭不外如是。XML呢，跨平臺的新潮語言？其實XML＝TXT。XML只是符合非常多規(guī)范的文本。他本身什么都不是，只是保存字符的文件。而瀏覽器異步讀取的只是服務器上的文本內容，所以在Ajax研發(fā)時完全不必拘泥于XML。[版權所有，www.jialing.net]

　　JSON的來歷

　　XML 的作用是格式化數(shù)據(jù)內容。如果我們不用XML更有什么更好的方法嗎？這個答案是JSON。介紹JSON之前我先介紹一下JavaScript這門腳本語言。腳本語言自身有動態(tài)執(zhí)行的天賦。即我們能把想要執(zhí)行的語句放在字符串里，通過eval()這個動態(tài)執(zhí)行函數(shù)來執(zhí)行。字符串里的內容會像我們寫的腳本相同被執(zhí)行。

　　示例1：

＜HTML＞
＜HEAD＞
?。糡ITLE＞eval example 1＜/TITLE＞
＜/HEAD＞
＜BODY＞
　＜script＞
　　str = "alert(hello)";
　　eval(str);
?。?script＞
＜/BODY＞
＜/HTML＞

　　打開頁面會彈出hello窗口。

　　我們能在字符串中放所有腳本語句，包括聲明語句：

＜HTML＞
＜HEAD＞
＜TITLE＞eval example 2＜/TITLE＞
＜/HEAD＞
＜BODY＞
＜script＞
　define = "{name:Michael,email:17bity@gmail.com}";
　eval("data = "+define);
　alert("name:"+data.name);
　alert("email:"+data.email);
＜/script＞
＜/BODY＞
＜/HTML＞

　　如果我們在后臺異步傳來的文本是JavaScript的聲明語句，那么不是一條eval方法就能解析了？對于解析復雜的XML，這樣的效率是多么大的提高??！

　　目前就來告訴你什么是JSON：JavaScript Object Notation。我更愿意把他翻譯為JavaScript對象聲明。比如要從后臺載入一些通訊錄的信息，如果寫成XML，如下：

＜contact＞
?。糵riend＞
　?。糿ame＞Michael＜/name＞
　?。糴mail＞17bity@gmail.com＜/email＞
　?。糷omepage＞http://www.jialing.net＜/homepage＞
　＜/friend＞
?。糵riend＞
　?。糿ame＞John＜/name＞
　?。糴mail＞john@gmail.com＜/email＞
　?。糷omepage＞http://www.john.com＜/homepage＞
　＜/friend＞
?。糵riend＞
　?。糿ame＞Peggy＜/name＞
　?。糴mail＞peggy@gmail.com＜/email＞
　?。糷omepage＞http://www.peggy.com＜/homepage＞
?。?friend＞
＜/contact＞

　　而寫成JSON呢：

[
{
　name:"Michael",
　email:"17bity@gmail.com",
　homepage:"http://www.jialing.net"
},
{
　name:"John",
　email:"john@gmail.com",
　homepage:"http://www.jobn.com"
},
{
　name:"Peggy",
　email:"peggy@gmail.com",
　homepage:"http://www.peggy.com"
}
]

　　簡單的不只是表達上，最重要的是能丟棄讓人暈頭轉向的DOM解析了。因為只要符合JavaScript的聲明規(guī)范，JavaScrip會自動幫你解析好的。Ajax中使用JSON的基本方法是前臺載入后臺聲明JavaScript對象的字符串，用eval方法來將他轉為實際的對象，最后通過 DHTML更新頁面信息。
　　JSON的格式

　　JSON的基本格式如下，圖片來自json.org:

　　?對象是屬性、值對的集合。一個對象的開始于"{"，結束于"}"。每一個屬性名和值間用":"提示，屬性間用","分隔。