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 相关文章推荐
JavaScript设置FieldSet展开与收缩
May 15 Javascript
关于jquery css的使用介绍
Apr 18 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
jQuery中not()方法用法实例
Jan 06 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 Javascript
jquery.pager.js分页实现详解
Jul 29 jQuery
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 include加载文件两种方式效率比较
2010/08/08 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
ext 列表页面关于多行查询的办法
2010/03/25 Javascript
JS原型对象通俗&quot;唱法&quot;
2012/12/27 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
Bootstrap禁用响应式布局的实现方法
2017/03/09 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
vue-router路由模式详解(小结)
2019/08/26 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
[37:35]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第二局
2016/02/25 DOTA
python字符串str和字节数组相互转化方法
2017/03/18 Python
TensorFlow实现Batch Normalization
2018/03/08 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
Python的缺点和劣势分析
2019/11/19 Python
对python中assert、isinstance的用法详解
2019/11/27 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
python热力图实现简单方法
2021/01/29 Python
CSS3 实现的加载动画
2020/12/07 HTML / CSS
出国留学经济担保书
2014/04/01 职场文书
《二泉映月》教学反思
2014/04/15 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
毕业论文指导教师评语
2014/12/30 职场文书
同意落户证明
2015/06/19 职场文书
在Centos 8.0中安装Redis服务器的教程详解
2022/03/21 Redis
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js