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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
js 控制下拉菜单刷新的方法
Mar 03 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
Jun 21 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
Feb 21 Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
Sep 24 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
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
php实现通过ftp上传文件
2015/06/19 PHP
PHP 文件上传后端处理实用技巧方法
2017/01/06 PHP
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
Javascript 刷新全集常用代码
2009/11/22 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
基于JavaScript代码实现pc与手机之间的跳转
2015/12/23 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
TypeScript类型声明书写详解
2019/08/28 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
用Python实现服务器中只重载被修改的进程的方法
2015/04/30 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
微信跳一跳游戏python脚本
2020/04/01 Python
pycharm安装和首次使用教程
2018/08/27 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
Django 1.10以上版本 url 配置注意事项详解
2019/08/05 Python
pycharm第三方库安装失败的问题及解决经验分享
2020/05/09 Python
python中查看.db文件中表格的名字及表格中的字段操作
2020/07/07 Python
Python list和str互转的实现示例
2020/11/16 Python
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
学校安全工作制度
2014/01/19 职场文书
葬礼司仪主持词
2014/03/31 职场文书
公司活动总结范文
2014/07/01 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
golang interface判断为空nil的实现代码
2021/04/24 Golang
spring 项目实现限流方法示例
2022/07/15 Java/Android