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 相关文章推荐
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
Aug 21 Javascript
基于JQuery的6个Tab选项卡插件
Sep 03 Javascript
js实现日期级联效果
Jan 23 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
使用vue-router在Vue页面之间传递数据的方法
Jul 15 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 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 mcrypt可逆加密算法分析
2011/07/19 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
WordPress中用于更新伪静态规则的PHP代码实例讲解
2015/12/18 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
laravel实现Auth认证,登录、注册后的页面回跳方法
2019/09/30 PHP
PHP实现通过二维数组键值获取一维键名操作示例
2019/10/11 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
js类后台管理菜单类-MenuSwitch
2007/09/12 Javascript
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
2016/11/29 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
探索node之事件循环的实现
2020/10/30 Javascript
JavaScript实现缓动动画
2020/11/25 Javascript
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
Python使用遗传算法解决最大流问题
2018/01/29 Python
对numpy中shape的深入理解
2018/06/15 Python
python 实现音频叠加的示例
2020/10/29 Python
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
全球知名的珠宝首饰品牌:Kay Jewelers
2018/02/11 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
送给程序员的20个Java集合面试问题
2014/08/06 面试题
会计专业个人求职信范文
2014/01/08 职场文书
幼儿教师工作感言
2014/02/14 职场文书
趣味比赛活动方案
2014/02/15 职场文书
开工典礼策划方案
2014/05/23 职场文书
副主任竞聘演讲稿
2014/08/18 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
离婚协议书的范本
2015/01/27 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
SQL Server中锁的用法
2022/05/20 SQL Server