web页面数据展示新想法(json)


Posted in Javascript onJune 08, 2010

在客户端使用js将json的数据绑定到页面元素中,而在服务器端只用根据参数生成不同数据的json字符串,这样不但减少了网络数据流量,而且也分离了显示层和逻辑层。

为了绑定数据,客户端必须要有绑定数据使用的js代码。而数据绑定一般都是一样的,所以可以使用公用的绑定方式,比如span就将数据绑定到html属性中。

优点:

1.数据交换量小,有利于传输。

2.页面和业务层分离

3.数据绑定无刷新

4.服务器端因为要生成的数据量减少了,所以压力会降低

缺点:

1.由于使用js绑定数据,造成客户端压力增大

2.浏览器的不同造成js代码不兼容,可能会出现数据绑定失败问题(严重)(如果加入用户可扩展绑定方式则能弥补此缺陷)

3.网站的表面结构容易暴露在有心人之下(需要做的安全工作可能要增加)

Javascript 相关文章推荐
用JavaScript脚本实现Web页面信息交互
Dec 21 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
jquery实现的下拉和收缩效果示例
Aug 21 Javascript
javascript事件冒泡实例分析
May 13 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
jQuery的文档处理程序详解
May 10 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
基于node.js express mvc轻量级框架实践
Sep 14 Javascript
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
js客户端快捷键管理类的较完整实现和应用
Jun 08 #Javascript
location.search在客户端获取Url参数的方法
Jun 08 #Javascript
js word表格动态添加代码
Jun 07 #Javascript
Extjs中常用表单介绍与应用
Jun 07 #Javascript
javascript调试说明
Jun 07 #Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
Jun 07 #Javascript
javascript下数值型比较难点说明
Jun 07 #Javascript
You might like
PHP spl_autoload_register实现自动加载研究
2011/12/06 PHP
PHP警告Cannot use a scalar value as an array的解决方法
2012/01/11 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
javascript英文日期(有时间)选择器
2007/05/02 Javascript
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
2015/05/03 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
2017/03/04 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
2018/01/08 Javascript
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
2019/06/13 Javascript
vue.js 子组件无法获取父组件store值的解决方式
2019/11/08 Javascript
python通过字典dict判断指定键值是否存在的方法
2015/03/21 Python
详解Python中DOM方法的动态性
2015/04/11 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
对python函数签名的方法详解
2019/01/22 Python
Python判断有效的数独算法示例
2019/02/23 Python
Python3转换html到pdf的不同解决方案
2019/03/11 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
Python和Bash结合在一起的方法
2020/11/13 Python
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
乌克兰数字设备、配件和智能技术的连锁商店:KTC
2020/08/18 全球购物
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python