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）

 

[html] view plaincopy
    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.   
    7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    8.   
    9. <html>  
    10. <head>  
    11. <meta http-equiv="Content-Type" content="text/html; charset=GB2312">  
    12. <title>Insert title here</title>  
    13. <script type="text/javascript" src="json.js"></script>  
    14. <script type="text/javascript" src="jquery-1.6.2.js"></script>  
    15.   
    16. <style>  
    17.   button { margin:4px; cursor:pointer; }  
    18.   input { margin:4px; color:blue; }  
    19.   </style>  
    20.   
    21. </head>  
    22.   
    23. <body>  
    24.     <div>  
    25.     <button id="button3">json</button>  
    26.   </div>  
    27.   <input type="text" value="click a button" />  
    28. <script>  
    29.     /////////#button3  
    30.       
    31.     $("#button3").click(function () {  
    32.     ///json对象转化成j字符串--toJSONString()  
    33.     ///字符串转化成json对象--eval('(' + str + ')');  
    34.     ///取json对象里面某个属性的值用点（例如myObject.bindings[0].time）  
    35.      var myJSONObject = {"bindings": [  
    36.         {"nnn": "春天", "time": "标示", "add": "北京"},  
    37.         {"ircEvent": "好", "method": "方法", "regex": "上海"}  
    38.     ] };  
    39.   
    40.     alert("json对象取属性值\n"+myJSONObject.bindings[0].nnn );  
    41.   
    42.     ///json对象转化成json字符串方法：  
    43.     var myJSONtext=myJSONObject.toJSONString();  
    44.     alert("json对象转化成字符串,toJSONString\n"+myJSONtext);  
    45.     var myJSONtext2=JSON.stringify(myJSONObject);  
    46.     alert("json对象转化成字符串,用全局的内置对象JSON.stringify\n"+myJSONtext2);  
    47.   
    48.     ///json字符串转化成json对象方法：  
    49.     var myJSONObject2 = eval('(' + myJSONtext + ')');  
    50.     var myJSONObject3=myJSONtext.parseJSON();  
    51.     var myJSONObject4=JSON.parse(myJSONtext);  
    52.   
    53.     alert("字符串转化成json对象,用eval\n"+myJSONObject2.bindings[0].time );  
    54.     alert("字符串转化成json对象,用parseJSON\n"+myJSONObject3.bindings[0].add );  
    55.     alert("字符串转化成json对象,用全局的内置对象JSON.parse\n"+myJSONObject4.bindings[0].nnn );  
    56.     /////////////////  
    57.     });  
    58.   
    59.       
    60. </script>  
    61.   
    62. </body>  
    63. </html>  
    64.   
    65.    </pre><br>  
    66. <br>  
    67. <pre></pre>  
    68. <br>  
    69. <br>  
    70. <p></p>  
    71. <br>  
posted @ 2013-10-11 22:04  清灵阁主  阅读(583)  评论(0)  编辑  收藏  举报