转自：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）

    1. <pre name="code" class="java"><%@ page language="java"  pageEncoding="UTF-8"%>
    2. <%
    3. String path = request.getContextPath();
    4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    5. %>
    6. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    7. <html>
    8. <head>
    9. <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
    10. <title>Insert title here</title>
    11. <script type="text/javascript" src="json.js"></script>
    12. <script type="text/javascript" src="jquery-1.6.2.js"></script>
    13. <style>
    14. button { margin:4px; cursor:pointer; }
    15. input { margin:4px; color:blue; }
    16. </style>
    17. </head>
    18. <body>
    19. <div>
    20. <button id="button3">json</button>
    21. </div>
    22. <input type="text" value="click a button" />
    23. <script>
    24. /////////#button3
    25. $("#button3").click(function () {
    26. ///json对象转化成j字符串--toJSONString()
    27. ///字符串转化成json对象--eval('(' + str + ')');
    28. ///取json对象里面某个属性的值用点（例如myObject.bindings[0].time）
    29. var myJSONObject = {"bindings": [
    30. {"nnn": "春天", "time": "标示", "add": "北京"},
    31. {"ircEvent": "好", "method": "方法", "regex": "上海"}
    32. ] };
    33. alert("json对象取属性值\n"+myJSONObject.bindings[0].nnn );
    34. ///json对象转化成json字符串方法：
    35. var myJSONtext=myJSONObject.toJSONString();
    36. alert("json对象转化成字符串,toJSONString\n"+myJSONtext);
    37. var myJSONtext2=JSON.stringify(myJSONObject);
    38. alert("json对象转化成字符串,用全局的内置对象JSON.stringify\n"+myJSONtext2);
    39. ///json字符串转化成json对象方法：
    40. var myJSONObject2 = eval('(' + myJSONtext + ')');
    41. var myJSONObject3=myJSONtext.parseJSON();
    42. var myJSONObject4=JSON.parse(myJSONtext);
    43. alert("字符串转化成json对象,用eval\n"+myJSONObject2.bindings[0].time );
    44. alert("字符串转化成json对象,用parseJSON\n"+myJSONObject3.bindings[0].add );
    45. alert("字符串转化成json对象,用全局的内置对象JSON.parse\n"+myJSONObject4.bindings[0].nnn );
    46. /////////////////
    47. });
    48. </script>
    49. </body>
    50. </html>
    51. </pre><br>
    52. <br>
    53. <pre></pre>
    54. <br>
    55. <br>
    56. <p></p>
    57. <br>

javascript json的使用的更多相关文章

  1. JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString

    JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString 如下示例: 直接写的a1就是一个Json对象,a2 就是一个Json对象字符串; 通 ...

  2. JavaScript JSON timer(计时器) AJAX HTTP请求 同源策略 跨域请求

    JSON 介绍 1. JSON: JavaScript Object Notation 是一种轻量级的数据交换格式. 它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是 ...

  3. JavaScript -- JSON.parse 函数 和 JSON.stringify 函数

    JavaScript -- JSON.parse 函数 和 JSON.stringify 函数 1. JSON.parse 函数: 使用 JSON.parse 可将 JSON 字符串转换成对象. &l ...

  4. 细读 php json数据和JavaScript json数据

    关于JSON的优点: 1.基于纯文本,跨平台传递极其简单: 2.Javascript原生支持,后台语言几乎全部支持: 3.轻量级数据格式,占用字符数量极少,特别适合互联网传递: 4.可读性较强 5.容 ...

  5. JavaScript JSON AJAX 同源策略 跨域请求

    网页和Ajax和跨域的关系 1 Ajax使网页可以动态地.异步地的与服务器进行数据交互,可以让网页局部地与服务器进行数据交互 2 Ajax强调的是异步,但是会碰到跨域的问题. 3 而有很多技术可以解决 ...

  6. javascript.json snippets vscode 注释

    vscode vue js里面的注释 javascript.json { // Place your global snippets here. Each snippet is defined und ...

  7. javascript json写法

    javascript json写法 var shuxing = {name:"super",sex:"19",work:"IT"}; 这个k ...

  8. JavaScript JSON 与 AJAX

    JavaScript JSON 与 AJAX JSON 是一种轻量的数据交互格式,与 AJAX 配合完成前端页面与服务端的信息传递,本文介绍 JSON 的使用.原生 AJAX 写法.JSONP 跨域解 ...

  9. javascript json字符串与对象相互转换

    在实际项目中,经常遇到字符格式的问题,记下来以便日后方便查看.用到两个函数:JSON.stringify() 和 JSON.parse(). 使用ajax向后台请求数据,后台给前端返回数据,明明后端脚 ...

  10. Sublime Text插件：HTML+CSS+JAVASCRIPT+JSON快速格式化[转]

    今天在github上乱逛,无意间找到victorporof分享的htmlpretty插件,特做推荐: 先看看他是怎么描述htmlpretty的: This is a Sublime Text 2 an ...

随机推荐

  1. Java每日一面(Part1:计算机网络)[19/10/13]

    作者:晨钟暮鼓c个人微信公众号:程序猿的月光宝盒 1.说说TCP三次握手 1.0 在此之前,什么是TCP? ​ TCP(传输控制协议) ​ 1.面向连接的,可靠的,基于字节流的传输层通信协议 ​ 2. ...

  2. JS基础语法---作用域

    作用域:使用范围 全局变量: 声明的变量是使用var声明的, 那么这个变量就是全局变量 全局变量可以在页面的任何位置使用 除了函数以外, 其他的任何位置定义的变量都是全局变量 局部变量:在函数内部定义 ...

  3. Cesium专栏-空间分析之坡向分析（附源码下载）

    Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精 ...

  4. CamlQuery对SharePointOnline List 发起查询请求

    最近的项目中遇到了一个需求,需要向SharePointList 查询Item是否存在,找到了CamlQuery这样一个方法,但是没有找到使用这个接口的频率限制说明文档,于是就有了这篇随笔. 新接触这个 ...

  5. 【转】java的string中，关于split空串总会返回单个元素的数组

    原地址:http://blog.sina.com.cn/s/blog_6f3da9650102x03c.html public class Split { public static void mai ...

  6. 个人项目-WC(C/C++ 兼容Linux和Windows)

    一.Github地址 https://github.com/S-TRAVELER/WC 实现的功能: 支持 -c 支持 -w 支持 -l 支持 -s 支持 -a 图形界面 多参数(文件名或通配符表达式 ...

  7. Ubuntu16.04 安装 JDK

    1.到Oracle官网下载 地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ...

  8. Windows 7下Node.js Web开发环境搭建笔记

    Node.js是什么? 我们看看百科里怎么说的?JavaScript是一种运行在浏览器的脚本,它简单,轻巧,易于编辑,这种脚本通常用于浏览器的前端编程,但是一位开发者Ryan有一天发现这种前端式的脚本 ...

  9. 当您解开后您从 Internet 上下载的压缩的文件时，文件的修改日期更改为您提取它的日期

    用鼠标右键单击该压缩的文件,然后单击属性. 单击常规选项卡,请单击取消阻止,然后单击确定. 从压缩文件中提取文件.

  10. git 现在本地创建仓库 再 推送到 远程 github 仓库中

    今天,需要再本地使用git管理代码,但是当代码创建好的时候,想发布到github上面的私有仓库中,但是没有提前创建远端仓库,所以需要把本地git仓库推送到远端另外一个仓库了,下面进行简要记录,刚刚经过 ...