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


Posted in Javascript onJune 08, 2010

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

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

优点:

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

2.页面和业务层分离

3.数据绑定无刷新

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

缺点:

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

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

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

Javascript 相关文章推荐
不用MOUSEMOVE也能滑动啊
May 23 Javascript
基于jquery的滚动新闻列表
Jun 19 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
js实现创建删除html元素小结
Sep 30 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
Sep 23 Javascript
Bootstrap和Java分页实例第二篇
Dec 23 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
Apr 08 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
Jun 04 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 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 SQLite类
2009/05/07 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
php实现的xml操作类
2016/01/15 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
2013/01/24 Javascript
window.onload和$(function(){})的区别介绍
2013/10/30 Javascript
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
javascript动态控制服务器控件实例
2014/09/05 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
2015/09/22 Javascript
js+canvas简单绘制圆圈的方法
2016/01/28 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
微信小程序自动客服功能
2017/11/02 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
2018/01/09 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
2018/08/01 Javascript
JS闭包原理与应用经典示例
2018/12/20 Javascript
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
利用Python破解斗地主残局详解
2017/06/30 Python
Django自定义manage命令实例代码
2018/02/11 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
联强国际笔试题面试题
2013/07/10 面试题
写自荐信的七个技巧
2013/10/15 职场文书
我的求职计划书
2014/01/10 职场文书
酒店个人求职信范文
2014/01/25 职场文书
首席执行官观后感
2015/06/03 职场文书
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python