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中Math对象使用说明
Jan 16 Javascript
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
Oct 11 Javascript
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
vue获取当前激活路由的方法
Mar 17 Javascript
Vue 重置组件到初始状态的方法示例
Oct 10 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 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
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
2014/11/08 PHP
php取得字符串首字母的方法
2015/03/25 PHP
php实现点击可刷新验证码
2015/11/07 PHP
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
2009/03/22 Javascript
Node.js中的缓冲与流模块详细介绍
2015/02/11 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
简单学习JavaScript中的for语句循环结构
2015/11/10 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
2015/12/03 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
vue页面加载闪烁问题的解决方法
2018/03/28 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
[01:20]DOTA2上海特级锦标赛现场采访:谁的ID最受青睐
2016/03/25 DOTA
Windows下为Python安装Matplotlib模块
2015/11/06 Python
Python3 处理JSON的实例详解
2017/10/29 Python
django+mysql的使用示例
2018/11/23 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
python怎么判断素数
2020/07/01 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
Java文件和目录(IO)操作
2014/08/26 面试题
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
计算机应届毕业生自荐信范文
2014/02/23 职场文书
迎国庆演讲稿
2014/09/15 职场文书
检讨书格式
2015/01/23 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
《清澈的湖水》教学反思
2016/02/17 职场文书