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


Posted in Javascript onJune 08, 2010

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

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

优点:

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

2.页面和业务层分离

3.数据绑定无刷新

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

缺点:

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

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

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

Javascript 相关文章推荐
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
js生成随机数方法和实例
Jan 17 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
Feb 10 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
Apr 25 Javascript
微信小程序左右滚动公告栏效果代码实例
Sep 16 Javascript
electron+vue实现div contenteditable截图功能
Jan 07 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
基于文本的搜索
2006/10/09 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
10个php函数实用却不常见
2015/10/13 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
javascript实现简单加载随机色方块
2015/12/25 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
详解a++和++a的区别
2017/08/30 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
python实现批量转换文件编码(批转换编码示例)
2014/01/23 Python
Python实现截屏的函数
2015/07/25 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
3分钟学会一个Python小技巧
2018/11/23 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
关于canvas绘制模糊问题的解决方法
2019/09/24 HTML / CSS
哈萨克斯坦最大的时装、鞋子和配饰在线商店:Lamoda.kz
2019/11/19 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
人力资源主管岗位职责
2014/01/29 职场文书
旷课检讨书1000字
2014/02/14 职场文书
品牌推广活动策划方案
2014/08/19 职场文书
社区助残日活动总结
2014/08/29 职场文书
预备党员半年考察意见
2015/06/01 职场文书
初中体育教学随笔
2015/08/15 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
box-shadow单边阴影的实现
2023/05/21 HTML / CSS