转自：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. linux中网络配置

    一.查看ip ipconfig 二.png 测试主机之间网络连通 ping 目标ip #测试当前服务器是否可以连接目的主机 三.linux配置网络环境 vim /etc/sysconfig/netwo ...

  2. C#实现Java的DigestUtils.sha256Hex

    代码地址:DotNetCore_Practice/JavaToC#/DigestUtils at master · PuzzledAlien/DotNetCore_Practice public cl ...

  3. JS基础语法---创建对象---三种方式创建对象：调用系统的构造函数；自定义构造函数；字面量的方式

    创建对象三种方式: 调用系统的构造函数创建对象 自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象) 字面量的方式创建对象 第一种:调用系统的构造函数创建对象 //小苏举例子: //实例化对 ...

  4. Xcode报错：could not attach to pid:"1764"

    这种错误不是什么问题,按照参考链接操作即可,亲测有效: https://www.cnblogs.com/luorende/p/6295945.html 在运行项目时出现了如下错误 (基本上重新启动项目 ...

  5. ABP入门教程2 - 体系架构

    点这里进入ABP入门教程目录 介绍 应用程序代码库的分层是一种广泛接受的技术,可帮助降低复杂性并提高代码可重用性.为了实现分层体系结构,ASP.NET Boilerplate遵循域驱动设计的原理. D ...

  6. Oracle创建表、删除表、修改表（添加字段、修改字段、删除字段）语句总结

    创建表: create table 表名 ( 字段名1 字段类型 默认值 是否为空 , 字段名2 字段类型 默认值 是否为空, 字段名3 字段类型 默认值 是否为空, ...... ); 创建一个us ...

  7. 获取当前Linux的外网地址

    有时候我们在测试配置外网IP是不是成功时,我们需要使用一些命令,使用 ssh 登录可以查看ip, 还有一种可以使用命令: curl ifconfig.me 进行方便获取,公网IP:真的是非常好的服务: ...

  8. GO 使用静态链接库编译 生成可执行文件 使用第三方 .a 文件，无源码构造

    go build 和 go install 都需要使用源码来进行编译.但是有时候我们只有.a或者.so文件.并不能获取到第三方库的源码,这时我们需要静态链接库编译的技巧: 上图是实验前的文件分布. 使 ...

  9. 【转载】XSS攻击和sql注入

    XSS攻击: https://www.cnblogs.com/dolphinX/p/3391351.html 跨站脚本攻击(Cross Site Script为了区别于CSS简称为XSS)指的是恶意攻 ...

  10. GetPrivateProfileInt 使用方法

    GetPrivateProfileInt ＝>从ini文件取得数值 <参数> lpApplicationName String,指定在其中查找条目的小节.注意这个字串是不区分大小写的 ...