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


Posted in Javascript onJune 08, 2010

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

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

优点:

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

2.页面和业务层分离

3.数据绑定无刷新

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

缺点:

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

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

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

Javascript 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
Javascript 篱式条件判断
Aug 22 Javascript
百度移动版的url编码解码示例
Apr 29 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
详解vue前后台数据交互vue-resource文档
Jul 19 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
深入理解Angularjs 脏值检测
Oct 12 Javascript
Async/Await替代Promise的6个理由
Jun 15 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
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
2014/06/09 PHP
PHP解析url并得到url参数方法总结
2018/10/11 PHP
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
js友好的时间返回函数
2016/08/24 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
input输入密码变黑点密文的实现方法
2017/01/09 Javascript
详解wow.js中各种特效对应的类名
2017/09/13 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
canvas轨迹回放功能实现
2017/12/20 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
JS性能优化实现方法及优点进行
2020/08/30 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
Python最长公共子串算法实例
2015/03/07 Python
Python实现LRU算法的2种方法
2015/06/24 Python
VSCode下好用的Python插件及配置
2018/04/06 Python
python ftp 按目录结构上传下载的实现代码
2018/09/12 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
经贸日语专业个人求职信范文
2013/12/28 职场文书
社区端午节活动方案
2014/01/28 职场文书
《威尼斯的小艇》教学反思
2014/02/17 职场文书
团支部建设方案
2014/05/02 职场文书
新农村建设标语
2014/06/24 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
实习生个人总结范文
2015/02/28 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
竞聘演讲报告:基本写作有哪些?附开头范文
2019/10/16 职场文书