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


Posted in Javascript onJune 08, 2010

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

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

优点:

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

2.页面和业务层分离

3.数据绑定无刷新

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

缺点:

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

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

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

Javascript 相关文章推荐
为数据添加append,remove功能
Oct 03 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
jQuery获取注册信息并提示实现代码
Apr 21 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
Aug 05 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
Vue实现6位数密码效果
Aug 18 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
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
PHP5 字符串处理函数大全
2010/03/23 PHP
sql注入与转义的php函数代码
2013/06/17 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
2010/08/13 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
Validform+layer实现漂亮的表单验证特效
2016/01/17 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
2016/11/26 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
python+matplotlib绘制旋转椭圆实例代码
2018/01/12 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
Python实现的json文件读取及中文乱码显示问题解决方法
2018/08/06 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
Python3.8中使用f-strings调试
2019/05/22 Python
pandas分区间,算频率的实例
2019/07/04 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
基于python检查矩阵计算结果
2020/05/21 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
Java语言程序设计测试题判断题部分
2013/01/06 面试题
中学生自我鉴定
2014/02/04 职场文书
大一新生期末自我评价
2014/09/12 职场文书
2014年体育工作总结
2014/11/24 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
离婚协议书的范本
2015/01/27 职场文书
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android