本文將解釋如何使用AJAX和JSON分析器在客戶端和服務器之間創建復雜的JSON數據傳輸層。
一、 引言
毫無疑問,AJAX已經成為當今Web開發中一種強有力的用戶交互技術,但是它的許多可能性應用仍然鮮為人知。在本文中,我們將來共同探討如何使用JavaScript對象標志(JSON)和JSON分析器在服務器和客戶端AJAX引擎之間創建復雜而強有力的JSON數據傳輸層。我們將詳細討論如何創建一組對象(在其它語言中經常被當作一個包),如何把這些對象串行化為JSON以發送到服務器端,以及如何把服務器端JSON反串行化為客戶端JavaScript對象。
提示:你可以在Douglas Crockford的網站上找到本文中使用的JSON分析器。
在繼續閱讀前,本文假定你已經掌握了JavaScript技術并且了解如何創建一個基本的AJAX引擎,并經由AJAX技術向服務器端發出請求和從服務器端接收響應。為了更好地理解本文中示例,你需要下載本文相應的源碼文件。
二、 開始
為了進一步抽象我們的AJAX請求并有助于我們以后在不同的應用程序間共享AJAX引擎代碼,本文使用了一個我自己創建的AJAX引擎。為了使用這個引擎,我們簡單地導入三個JavaScript文件并且向一個名為AjaxUpdater的對象發出請求。然后,由該引擎來負責處理其它任務,包括把響應代理到在該請求中指定的回調方法中。下面的示例展示了我們如何使用這個引擎發出請求以及導入相關的文件:
以下是引用片段: <script type="text/javascript"src="javascript/model/Ajax.js"></script> <script type="text/javascript" src="javascript/model/HTTP.js"></script> <script type="text/javascript" src="javascript/model/AjaxUpdater.js"></script> <script type="text/javascript"> document.load = AjaxUpdater.Update(’GET’, URL, callback); </script> |
首先,讓我們來討論JavaScript對象。
原文轉自:http://www.anti-gravitydesign.com