javascript json的使用
转自:http://blog.csdn.net/lushuaiyin/article/details/7061483
对于js使用json,首先到官网拷贝json.js文件,地址http://www.json.org/js.html
然后在页面引入即可使用:
<script type="text/javascript" src="json.js"></script>
测试一下能不能用,可以写个jsp页面,然后给按钮加个方法,弹出处理后的json字符串。
对于中文乱码,改变编码方式为:GB2312。
可以在页面直接改,也可以在response返回时改。
页面的改法:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>
java代码response返回改法:
response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=gb2312");
下面看看代码吧,介绍了字符串与json对象相互转化:(本例用到了jquery,只不过调用了一个按钮单击事件,你可以改成onclick)
- <pre name="code" class="java"><%@ page language="java" pageEncoding="UTF-8"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
- <title>Insert title here</title>
- <script type="text/javascript" src="json.js"></script>
- <script type="text/javascript" src="jquery-1.6.2.js"></script>
- <style>
- button { margin:4px; cursor:pointer; }
- input { margin:4px; color:blue; }
- </style>
- </head>
- <body>
- <div>
- <button id="button3">json</button>
- </div>
- <input type="text" value="click a button" />
- <script>
- /////////#button3
- $("#button3").click(function () {
- ///json对象转化成j字符串--toJSONString()
- ///字符串转化成json对象--eval('(' + str + ')');
- ///取json对象里面某个属性的值用点(例如myObject.bindings[0].time)
- var myJSONObject = {"bindings": [
- {"nnn": "春天", "time": "标示", "add": "北京"},
- {"ircEvent": "好", "method": "方法", "regex": "上海"}
- ] };
- alert("json对象取属性值\n"+myJSONObject.bindings[0].nnn );
- ///json对象转化成json字符串方法:
- var myJSONtext=myJSONObject.toJSONString();
- alert("json对象转化成字符串,toJSONString\n"+myJSONtext);
- var myJSONtext2=JSON.stringify(myJSONObject);
- alert("json对象转化成字符串,用全局的内置对象JSON.stringify\n"+myJSONtext2);
- ///json字符串转化成json对象方法:
- var myJSONObject2 = eval('(' + myJSONtext + ')');
- var myJSONObject3=myJSONtext.parseJSON();
- var myJSONObject4=JSON.parse(myJSONtext);
- alert("字符串转化成json对象,用eval\n"+myJSONObject2.bindings[0].time );
- alert("字符串转化成json对象,用parseJSON\n"+myJSONObject3.bindings[0].add );
- alert("字符串转化成json对象,用全局的内置对象JSON.parse\n"+myJSONObject4.bindings[0].nnn );
- /////////////////
- });
- </script>
- </body>
- </html>
- </pre><br>
- <br>
- <pre></pre>
- <br>
- <br>
- <p></p>
- <br>
javascript json的使用的更多相关文章
- JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString
JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString 如下示例: 直接写的a1就是一个Json对象,a2 就是一个Json对象字符串; 通 ...
- JavaScript JSON timer(计时器) AJAX HTTP请求 同源策略 跨域请求
JSON 介绍 1. JSON: JavaScript Object Notation 是一种轻量级的数据交换格式. 它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是 ...
- JavaScript -- JSON.parse 函数 和 JSON.stringify 函数
JavaScript -- JSON.parse 函数 和 JSON.stringify 函数 1. JSON.parse 函数: 使用 JSON.parse 可将 JSON 字符串转换成对象. &l ...
- 细读 php json数据和JavaScript json数据
关于JSON的优点: 1.基于纯文本,跨平台传递极其简单: 2.Javascript原生支持,后台语言几乎全部支持: 3.轻量级数据格式,占用字符数量极少,特别适合互联网传递: 4.可读性较强 5.容 ...
- JavaScript JSON AJAX 同源策略 跨域请求
网页和Ajax和跨域的关系 1 Ajax使网页可以动态地.异步地的与服务器进行数据交互,可以让网页局部地与服务器进行数据交互 2 Ajax强调的是异步,但是会碰到跨域的问题. 3 而有很多技术可以解决 ...
- javascript.json snippets vscode 注释
vscode vue js里面的注释 javascript.json { // Place your global snippets here. Each snippet is defined und ...
- javascript json写法
javascript json写法 var shuxing = {name:"super",sex:"19",work:"IT"}; 这个k ...
- JavaScript JSON 与 AJAX
JavaScript JSON 与 AJAX JSON 是一种轻量的数据交互格式,与 AJAX 配合完成前端页面与服务端的信息传递,本文介绍 JSON 的使用.原生 AJAX 写法.JSONP 跨域解 ...
- javascript json字符串与对象相互转换
在实际项目中,经常遇到字符格式的问题,记下来以便日后方便查看.用到两个函数:JSON.stringify() 和 JSON.parse(). 使用ajax向后台请求数据,后台给前端返回数据,明明后端脚 ...
- Sublime Text插件:HTML+CSS+JAVASCRIPT+JSON快速格式化[转]
今天在github上乱逛,无意间找到victorporof分享的htmlpretty插件,特做推荐: 先看看他是怎么描述htmlpretty的: This is a Sublime Text 2 an ...
随机推荐
- INT 3 中断调试处理流程
Windows内核分析索引目录:https://www.cnblogs.com/onetrainee/p/11675224.html INT 3 中断调试处理流程 一.调试器如何下INT 3 断点 1 ...
- SpringCloud的入门学习之概念理解、Feign负载均衡入门
1.Feign是SpringCloud的一个负载均衡组件. Feign是一个声明式WebService客户端.使用Feign能让编写Web Service客户端更加简单, 它的使用方法是定义一个接口, ...
- VS2019 .Net Core 3.0 Web 项目启用动态编译
VS2019 中 .Net Core 3.0 项目默认没有启用动态编译, 这导致按F5调试的时候,修改了 HTML 代码,在浏览器上刷新没有效果. 启用动态编译方法如下: 1. 安装 Microsof ...
- es6 之class介绍
class ECMAScript 2015 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖.类语法不会为JavaScript引入新的面向对象的继承模型. ...
- Python日期计算
Python源代码如下: # -*- coding: UTF-8 -*- """ 简述:要求输入某年某月某日 提问:求判断输入日期是当年中的第几天? Python解题思路 ...
- list集合优化,泛型的使用以及坼箱和装箱
1.list vector线程同步,线程安全arraylist的运行速度较快,因为没有使用线程 LlinkedList以链表结构存储数据 2.泛型泛型类 泛型接口 泛型方法 泛型的属性泛型的属性 属性 ...
- Fastdfs的安装流程
一.修改ip地址 1.查看网卡一的mac地址 cat /etc/udev/rules.d/70-persistent-net.rules 2.修改ip地址文件 cd /etc/sysconfig/ne ...
- [CF1082D]Maximum Diameter Graph
题目描述 Description Graph constructive problems are back! This time the graph you are asked to build sh ...
- matlab中的colormap
matlab colormaps 默认颜色图是 parula ,颜色图从左往右数值不断增大. 颜色图名称 色阶 parula jet hsv hot cool spring summer autumn ...
- C# Event在.Net规则下由接口定义的实现
最近在学C#(教材<C# in a nutshell>很不错的说),看完delegate(委托)以后,紧接着就是event(事件)了,个人对跟.Net相关的东西并没有什么兴趣(毕竟是会增加 ...