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 相关文章推荐
jQuery 图片切换插件(代码比较少)
May 07 Javascript
用JavaScript实现类似于ListBox功能示例代码
Mar 09 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
Jul 10 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
vue服务端渲染添加缓存的方法
Sep 18 Javascript
在vue中v-bind使用三目运算符绑定class的实例
Sep 29 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
vue $set 给数据赋值的实例
Nov 09 Javascript
JS document form表单元素操作完整示例
Jan 13 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 字符串函数收集
2010/03/29 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
深入extjs与php参数交互的详解
2013/06/25 PHP
PHP中iconv函数转码时截断字符问题的解决方法
2015/01/21 PHP
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
JavaScript实现的简单烟花特效代码
2015/10/20 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
2016/06/06 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
jQuery html表格排序插件tablesorter使用方法详解
2017/02/10 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
jQuery实现的点击标题文字切换字体效果示例【测试可用】
2018/04/26 jQuery
JS实现520 表白简单代码
2018/05/21 Javascript
[02:42]岂曰无衣,与子同袍!DOTA2致敬每一位守护人
2020/02/17 DOTA
用Python实现协同过滤的教程
2015/04/08 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
Python Numpy 数组的初始化和基本操作
2018/03/13 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
Python装饰器知识点补充
2018/05/28 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
python实现彩色图转换成灰度图
2019/01/15 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
python中对数据进行各种排序的方法
2019/07/02 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
手把手教你安装Windows版本的Tensorflow
2020/03/26 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
Python中有几个关键字
2020/06/04 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
Python中过滤字符串列表的方法
2020/12/22 Python
Python中生成ndarray实例讲解
2021/02/22 Python
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
乌克兰设计师和品牌的服装:Love&Live
2020/04/14 全球购物
乡镇创先争优活动总结
2014/08/28 职场文书
保密工作承诺书
2014/08/29 职场文书
Springboot中如何自动转JSON输出
2022/06/16 Java/Android