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


Posted in Javascript onJune 08, 2010

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

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

优点:

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

2.页面和业务层分离

3.数据绑定无刷新

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

缺点:

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

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

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

Javascript 相关文章推荐
javascript引导程序
Oct 26 Javascript
javascript拓展DOM操作 prependChild insertAfert
Nov 17 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
文本框文本自动补全效果示例分享
Jan 19 Javascript
JS案例分享之金额小写转大写
May 15 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
Jul 17 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
JavaScript使用原型和原型链实现对象继承的方法详解
Apr 05 Javascript
详解js静态检查工具eslint配置文件
Nov 23 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 在线翻译函数代码
2009/05/07 PHP
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
PHP实现对站点内容外部链接的过滤方法
2014/09/10 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
用Div仿showModalDialog模式菜单的效果的代码
2007/03/05 Javascript
JavaScript OOP类与继承
2009/11/15 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
2018/04/23 jQuery
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
利用JS如何获取form表单数据
2019/12/19 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
JavaScript常用工具函数库汇总
2020/09/17 Javascript
Python的设计模式编程入门指南
2015/04/02 Python
python爬取m3u8连接的视频
2018/02/28 Python
python中int与str互转方法
2018/07/02 Python
Python3.7 新特性之dataclass装饰器
2019/05/27 Python
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
如何使用PHP session
2015/04/21 面试题
校友会欢迎辞
2014/01/13 职场文书
运动会稿件200字
2014/02/07 职场文书
关于环保的建议书
2014/05/12 职场文书
网络技术专业求职信
2014/07/13 职场文书
卖车协议书范例
2014/09/16 职场文书
热情服务标语
2014/10/07 职场文书
详细了解java监听器和过滤器
2021/07/09 Java/Android