转自：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. ASP.NET MVC5基础 – MVC文件架构

    创建MVC项目 首先,我们使用Visual Studio2019创建一个MVC架构的应用程序.步骤如下:首先打开VS2019,在启动页选择[创建新项目].然后选择创建 ASP.NET Web 应用程序 ...

  2. Elasticsearch核心技术与实战-简介

    讲师阮一鸣介绍ebay的Pronto团队在ebay内部管理上百个Elasticsearch集群,超过4000个数据节点.在生产环境上支持的服务有 订单搜索.商品推荐.日志管理.风险控制.IT运维.安全 ...

  3. [转]UIPATH机器人指南

    本文转自:https://blog.csdn.net/weixin_33957036/article/details/80907372 介绍 机器人是UiPath的执行代理,可运行Studio中内置的 ...

  4. iOS---------审核被拒（隔壁群发的）

    Hello, We are writing to let you know the results of your appeal for your app The App Review Board e ...

  5. OPENGL 入门

    检测设备支持版本,判断是否支持opengl 2.0版本 初始化设置OpenGLES2.0 实现接口GLSurfaceView.Renderer 渲染 绘制图形 1.检测设备支持版本,判断是否支持ope ...

  6. python while语句

    一.while 1.while 死循环 f=True while f: print(1) print(2) 2.while 活循环 ①.正序 count = 1 while count <= 5 ...

  7. PyCharm将选中的内容加上引号

    正常情况下,选中一段内容,再按引号,内容会被替换为引号 想要将选中的内容不被替换为引号,而在内容的两端加上引号,只需设置一下即可 File  -->  Settings  -->  Edi ...

  8. Win32 程序开发：创建一个应用程序窗口

    一.创建一个应用程序窗口 代码如下: // 头文件 #include <windows.h> // 全局变量 WCHAR g_lpszClassName[] = L"CLASSN ...

  9. 微信小程序开发练习

    微信小程序开发工具git管理 https://blog.csdn.net/qq_36672905/article/details/82887102 这个开发工具的界面和交互真的是熟悉又友好,吹爆他

  10. Sql Server 判断表是否存在方法总结

    #使用场景: 1.在创建表之前,需要先判断该表是否已经存在: 2.在删除表之前,需要先判断该表是否已经存在: #方法总结: 1.判断实体表是否存在的方法: 1).方法一: * from sysObje ...