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


Posted in Javascript onJune 08, 2010

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

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

优点:

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

2.页面和业务层分离

3.数据绑定无刷新

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

缺点:

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

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

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

Javascript 相关文章推荐
小议Function.apply() 之一------(函数的劫持与对象的复制)
Nov 30 Javascript
Javascript获取HTML静态页面参数传递值示例
Aug 18 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
详解Node全局变量global模块
Sep 28 Javascript
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
Vue 刷新当前路由的实现代码
Sep 26 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
javascript实现倒计时提示框
Mar 02 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使用者状态管理功能的应用
2006/10/09 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
php实现paypal 授权登录
2015/05/28 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
PHP数组Key强制类型转换实现原理解析
2020/09/01 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
2021/03/09 PHP
Aster vs Newbee BO3 第二场2.18
2021/03/10 DOTA
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
javascript从image转换为base64位编码的String
2014/07/29 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
2014/08/18 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
vue2中引用及使用 better-scroll的方法详解
2018/11/15 Javascript
详解小程序退出页面时清除定时器
2019/04/28 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
python自定义类并使用的方法
2015/05/07 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
利用ctypes获取numpy数组的指针方法
2019/02/12 Python
详解Python Matplot中文显示完美解决方案
2019/03/07 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
CSS3区域模块region相关编写示例
2015/08/28 HTML / CSS
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
尤为Wconcept中国官网:韩国设计师品牌服饰
2019/01/10 全球购物
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
学校安全工作制度
2014/01/19 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
职业生涯规划书范文
2014/03/10 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书