json的前台操作和后台操作实现代码


Posted in Javascript onJanuary 20, 2012

例子如下:

<html> 
<body> 
<h2>通过 JSON 字符串来创建对象</h3> 
<p> 
First Name: <span id="fname"></span><br /> 
Last Name: <span id="lname"></span><br /> 
</p> 
<script type="text/javascript"> 
var txt = '{"employees":[' + 
'{"firstName":"Bill","lastName":"Gates" },' + 
'{"firstName":"George","lastName":"Bush" },' + 
'{"firstName":"Thomas","lastName":"Carter" }]}'; 
var obj = eval ("(" + txt + ")"); 
document.getElementById("fname").innerHTML=obj.employees[1].firstName 
document.getElementById("lname").innerHTML=obj.employees[1].lastName 
</script> 
</body> 
</html>

然后这次的应用是在前台页面中存储数据到json中,然后传送到后台.
附应用图一张:
json的前台操作和后台操作实现代码
由图可知ModifyCellStyle负责的font的style部分,但是不能控制居中居左居右和上对齐,居中对齐等对齐方式.ModifyString是修改cell中的内容.
使用格式如下:
var arrObj = []; //动作 
Var act = 
{"action":"ModifyCellStyle","bold":"true","italic":"false","cellIndex":rowx+":"+rowy}; 
arrObj.push(act); }); 
var sObj = JSON.stringify(arrObj);

将json转化成数组。
以ModifyCellStyle方法为例:其中的bold(加粗),itelic(斜体),underline(下划线)的值为布尔值。即取真或假即可。其他的sizeString,textColorString,cellColorString等的取值为string,cellIndex的取值为“x,y”即横坐标和纵坐标。
这个API主要用在excel中,用于对单元格的操作。记录其历史操作。点击保存的时候,然后json转换的String传向后台,后台接收数据,从后台操作excel。
当然这个要加载json2.js文件。可以自己下载
Javascript 相关文章推荐
让innerHTML的脚本也可以运行起来
Jul 01 Javascript
jQuery文件上传插件Uploadify使用指南
Jun 05 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
Apr 05 Javascript
分享两段简单的JS代码防止SQL注入
Apr 12 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
JQuery 传送中文乱码问题的简单解决办法
May 24 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
AngularJS服务service用法总结
Dec 13 Javascript
JavaScript中动态向表格添加数据
Jan 24 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
Aug 16 Javascript
微信小程序实现签到功能
Oct 31 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
Prototype源码浅析 Enumerable部分(二)
Jan 18 #Javascript
JS中的public和private对象,即static修饰符
Jan 18 #Javascript
DOM 中的事件处理介绍
Jan 18 #Javascript
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 #Javascript
JavaScript中常用的运算符小结
Jan 18 #Javascript
jQuery LigerUI 使用教程表格篇(1)
Jan 18 #Javascript
jQuery LigerUI 使用教程入门篇
Jan 18 #Javascript
You might like
在PHP的图形函数中显示汉字
2006/10/09 PHP
深入了解php4(1)--回到未来
2006/10/09 PHP
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
无法载入 mcrypt 扩展,请检查 PHP 配置终极解决方案
2011/07/18 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
限制文本字节数js代码
2007/03/06 Javascript
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
2015/09/14 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
web打印小结
2017/01/11 Javascript
谈谈Vue.js——vue-resource全攻略
2017/01/16 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
JS如何把字符串转换成json
2020/02/21 Javascript
使用Python中的线程进行网络编程的入门教程
2015/04/15 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
python类的方法属性与方法属性的动态绑定代码详解
2017/12/27 Python
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
2020/03/14 Python
美丽的现代设计家具:2Modern
2018/07/26 全球购物
高一自我鉴定
2013/12/17 职场文书
九年级数学教学反思
2014/02/02 职场文书
竞选大队委员演讲稿
2014/04/28 职场文书
高考升学宴答谢词
2015/01/20 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
TS 类型兼容教程示例详解
2022/09/23 Javascript