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完美的div拖拽实例代码
Jan 22 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
js 获取元素的具体样式信息getcss(实例讲解)
Jul 05 Javascript
vue+vux实现移动端文件上传样式
Jul 28 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
从零开始搭建webpack+react开发环境的详细步骤
May 18 Javascript
微信小程序实现简单表格
Feb 14 Javascript
JS call()及apply()方法使用实例汇总
Jul 11 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网站在线人数统计
2008/04/09 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
修复ShopNC使用QQ 互联时提示100010 错误
2015/11/08 PHP
php支持断点续传、分块下载的类
2016/05/02 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
2016/05/28 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
微信小程序实现选择地址省市区三级联动
2020/06/21 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
Python创建xml的方法
2015/03/10 Python
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
python类装饰器用法实例
2015/06/04 Python
Python的Django框架可适配的各种数据库介绍
2015/07/15 Python
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
Python实现的删除重复文件或图片功能示例【去重】
2019/04/23 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
网络教育自我鉴定
2013/11/01 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
西部计划志愿者工作总结
2015/08/11 职场文书