转自：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. Mysql高手系列，连载中

    Mysql系列的目标是:通过这个系列从入门到全面掌握一个高级开发所需要的全部技能. 欢迎大家加我微信itsoku一起交流java.算法.数据库相关技术. 第1篇:mysql基础知识 第2篇:详解mys ...

  2. CentOS 7安装配置MySQL 5.7

    概述 前文记录了在Windows系统中安装配置MySQL 5.7(前文连接:https://www.cnblogs.com/Dcl-Snow/p/10513925.html),由于安装部署大数据环境需 ...

  3. SpringCloud（六）：服务网关zuul-API网关（服务降级和过滤）

    什么是API网关: 在微服务架构中,通常会有多个服务提供者.设想一个电商系统,可能会有商品.订单.支付.用户等多个类型的服务,而每个类型的服务数量也会随着整个系统体量的增大也会随之增长和变更.作为UI ...

  4. JS中的slice()和splice()的区别以及记忆方式

    总结 splice()会改变原来的数组,返回的是被改变的内容,比如说通过splice删掉了某一项,那么返回的是删掉的这一项,当然还是会以数组的形式返回. slice不会对原数组进行改变,会返回一个新的 ...

  5. opencv-python 图像基础处理（三）

    腐蚀操作 #腐蚀操作 import cv2 import numpy as np img=cv2.imread("d:/ke.png") kernel = np.ones((3,3 ...

  6. sync.Map与Concurrent Map

    1. sync.Map 1.1. map并发不安全 go1.6以后map有了并发的安全检查,所以如果在并发环境中读写map就会报错 func unsafeMap() { // 创建一个map对象 m ...

  7. JavaWeb开发——软件国际化(文本元素国际化)

    前几天围绕着JDBC编程进行了系统的学习.现在我们对Java程序数据库操作已经是轻车熟路了.也学会了使用各种框架来帮助我们简化编程. 今天是学习计划的第七天,虽然学习热情没有前几天高涨了.但是,写博客 ...

  8. R Data Frame

    https://www.datamentor.io/r-programming/data-frame/ Check if a variable is a data frame or not We ca ...

  9. vue的类element的input类型组件封装

    前提:题主之前只是随意的封装,项目统一ui,然后只实现了父组件拿子组件值,没有实现父组件修改子组件的值,仔细看了文档才知道用model的作用,直接上代码 Vue.component("bas ...

  10. python-网络编程socket模块详解

    # ### tcp 循环发消息 import socket # 1.创建一个对象 sk = socket.socket() sk.setsockopt(socket.SOL_SOCKET,socket ...