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


Posted in Javascript onJune 08, 2010

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

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

优点:

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

2.页面和业务层分离

3.数据绑定无刷新

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

缺点:

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

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

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

Javascript 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
Jquery实现textarea根据文本内容自适应高度
Apr 03 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 Javascript
Javascript 动态改变imput type属性
Nov 01 Javascript
jquery UI Datepicker时间控件冲突问题解决
Dec 16 Javascript
如何快速上手Vuex
Feb 14 Javascript
js中toString()和String()区别详解
Mar 23 Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
小程序转发探索示例
Feb 19 Javascript
vue多层嵌套路由实例分析
Mar 19 Javascript
layui添加动态菜单与选项卡
Jul 26 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
利用 window_onload 实现select默认选择
2006/10/09 PHP
改写ThinkPHP的U方法使其路由下分页正常
2014/07/02 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
json原理分析及实例介绍
2012/11/29 Javascript
JavaScript中length属性的使用方法
2015/06/05 Javascript
jquery if条件语句的写法
2016/05/19 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
JS设计模式之命令模式概念与用法分析
2018/02/06 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
[45:40]Ti4 冒泡赛第二天NEWBEE vs NaVi 1
2014/07/15 DOTA
[01:08]DOTA2“血战之命”预告片
2017/08/12 DOTA
使用基于Python的Tornado框架的HTTP客户端的教程
2015/04/24 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
职工擅自离岗检讨书
2014/09/23 职场文书
大学生实习推荐信
2015/03/27 职场文书
公司员工管理制度
2015/08/04 职场文书
初中班长竞选稿
2015/11/20 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
慰问信(范文3篇)
2019/10/23 职场文书