web頁面數(shù)據(jù)展示新想法(json)
更新時(shí)間：2010年06月08日 00:06:41 作者：
若使用json作為客戶端和服務(wù)器之間的數(shù)據(jù)交換格式，代替原來的html交換格式。
在客戶端使用js將json的數(shù)據(jù)綁定到頁面元素中，而在服務(wù)器端只用根據(jù)參數(shù)生成不同數(shù)據(jù)的json字符串，這樣不但減少了網(wǎng)絡(luò)數(shù)據(jù)流量，而且也分離了顯示層和邏輯層。
為了綁定數(shù)據(jù)，客戶端必須要有綁定數(shù)據(jù)使用的js代碼。而數(shù)據(jù)綁定一般都是一樣的，所以可以使用公用的綁定方式，比如span就將數(shù)據(jù)綁定到html屬性中。
優(yōu)點(diǎn)：
1.數(shù)據(jù)交換量小，有利于傳輸。
2.頁面和業(yè)務(wù)層分離
3.數(shù)據(jù)綁定無刷新
4.服務(wù)器端因?yàn)橐傻臄?shù)據(jù)量減少了，所以壓力會(huì)降低
缺點(diǎn)：
1.由于使用js綁定數(shù)據(jù)，造成客戶端壓力增大
2.瀏覽器的不同造成js代碼不兼容，可能會(huì)出現(xiàn)數(shù)據(jù)綁定失敗問題（嚴(yán)重）（如果加入用戶可擴(kuò)展綁定方式則能彌補(bǔ)此缺陷）
3.網(wǎng)站的表面結(jié)構(gòu)容易暴露在有心人之下（需要做的安全工作可能要增加）
為了綁定數(shù)據(jù)，客戶端必須要有綁定數(shù)據(jù)使用的js代碼。而數(shù)據(jù)綁定一般都是一樣的，所以可以使用公用的綁定方式，比如span就將數(shù)據(jù)綁定到html屬性中。
優(yōu)點(diǎn)：
1.數(shù)據(jù)交換量小，有利于傳輸。
2.頁面和業(yè)務(wù)層分離
3.數(shù)據(jù)綁定無刷新
4.服務(wù)器端因?yàn)橐傻臄?shù)據(jù)量減少了，所以壓力會(huì)降低
缺點(diǎn)：
1.由于使用js綁定數(shù)據(jù)，造成客戶端壓力增大
2.瀏覽器的不同造成js代碼不兼容，可能會(huì)出現(xiàn)數(shù)據(jù)綁定失敗問題（嚴(yán)重）（如果加入用戶可擴(kuò)展綁定方式則能彌補(bǔ)此缺陷）
3.網(wǎng)站的表面結(jié)構(gòu)容易暴露在有心人之下（需要做的安全工作可能要增加）
相關(guān)文章
昨天放出了主要的nodejs打包代碼(《nodejs寫的簡單項(xiàng)目打包工具》)，今天放出整合到鼠標(biāo)右鍵的代碼，打包需要配置環(huán)境變量，添加NODE_PATH為node安裝路徑2013-05-05
這篇文章主要介紹了json文件書寫格式規(guī)范。對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧<BR>2021-11-11
Javascript 通過json自動(dòng)生成Dom的代碼
主要還是通過遞歸和迭代來遍歷json成員生成html元素 ,比較好的是num能制定循環(huán)次數(shù)可以少寫很多代碼.具體應(yīng)用看場(chǎng)景了2010-04-04
js解析與序列化json數(shù)據(jù)(三)json的解析探討
這一節(jié)我們主要討論json的解析,感興趣的朋友可以了解下,JSON.parse()方法也可以接收另一個(gè)參數(shù)，該參數(shù)是一個(gè)函數(shù)，將早每個(gè)鍵值對(duì)上調(diào)用,好了，話不多說，希望本文對(duì)你有所幫助2013-02-02
用來簡單的查看、輔助修改繁雜的JSON數(shù)據(jù)，格式化或者壓縮JJSON，當(dāng)然也可以自由即時(shí)編輯一些簡單的JSON數(shù)據(jù)。2009-12-12
json的定義、標(biāo)準(zhǔn)格式及json字符串檢驗(yàn)
今天分享和總結(jié)一些json的基本定義、格式、字符串的格式，以及在做測(cè)試的時(shí)候使用json時(shí)做一些簡單的校驗(yàn)2014-05-05
js解析與序列化json數(shù)據(jù)(二)序列化探討
上一節(jié)我們講解了JSON.stringify()的基本用法，這一節(jié)我們來重點(diǎn)探討一下序列化,單獨(dú)或組合使用這兩個(gè)參數(shù)(過濾器/數(shù)組)，可以更全面深入地控制JSON的序列化,感興趣的朋友可以了解下，或許對(duì)你學(xué)習(xí)json有所幫助2013-02-02
PHP 和 JavaScript 交互其實(shí)很方便，PHP 原生也提供了對(duì) JSON 格式的支持。主要包括 JSON 編碼和解碼兩個(gè)函數(shù)：2014-05-05
本文給大家匯總了一下關(guān)于json的相關(guān)的知識(shí)點(diǎn)，從基礎(chǔ)到示例，非常全面，有需要的小伙伴可以參考下。2015-07-07
js解析與序列化json數(shù)據(jù)(一)json.stringify()的基本用法
對(duì)象有兩個(gè)方法：stringify()和parse()。在最簡單的情況下，這兩個(gè)方法分別用于把JavaScript對(duì)象序列化為JSON字符串和把JSON字符串解析為原生JavaScript2013-02-02