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 学习之旅 (3)
Feb 05 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
Jul 13 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 Javascript
jQuery filter函数使用方法
May 19 Javascript
jquery 手势密码插件
Mar 17 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
js通过循环多张图片实现动画效果
Dec 19 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
用vue写一个日历
Nov 02 Javascript
vue 实现基础组件的自动化全局注册
Dec 25 Vue.js
详解jQuery的核心函数和事件处理
Feb 18 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中取得文件的后缀名?
2012/02/20 PHP
php后台如何避免用户直接进入方法实例
2013/10/15 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
php基本函数汇总
2015/07/09 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
Jquery动态更改一张位图的src与Attr的使用
2013/07/31 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
2015/09/01 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
详解vscode中vue代码颜色插件
2018/10/11 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
HTML元素拖拽功能实现的完整实例
2020/12/04 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
[02:43]DOTA2亚洲邀请赛场馆攻略——带你走进东方体育中心
2018/03/19 DOTA
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
Django中create和save方法的不同
2019/08/13 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
HTML5页面无缝闪开的问题及解决方案
2020/06/11 HTML / CSS
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
COS美国官网:知名服装品牌
2019/04/08 全球购物
领导的自我鉴定
2013/12/28 职场文书
市场营销求职信范文
2014/02/21 职场文书
大学生个人自荐信样本
2014/03/02 职场文书
公司总经理岗位职责
2014/03/15 职场文书
环卫工人节活动总结
2014/08/29 职场文书
爸爸的三轮车观后感
2015/06/16 职场文书
Python自动化实战之接口请求的实现
2022/05/30 Python
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技