zoukankan      html  css  js  c++  java

  • 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对象取属性值 "+myJSONObject.bindings[0].nnn );  
      41.   
      42.     ///json对象转化成json字符串方法：  
      43.     var myJSONtext=myJSONObject.toJSONString();  
      44.     alert("json对象转化成字符串,toJSONString "+myJSONtext);  
      45.     var myJSONtext2=JSON.stringify(myJSONObject);  
      46.     alert("json对象转化成字符串,用全局的内置对象JSON.stringify "+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 "+myJSONObject2.bindings[0].time );  
      54.     alert("字符串转化成json对象,用parseJSON "+myJSONObject3.bindings[0].add );  
      55.     alert("字符串转化成json对象,用全局的内置对象JSON.parse "+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>  
  • 相关阅读:
    Celery
    windows笔记目录
    Linux笔记目录
    python笔记目录
    rsa
    c#目录
    webpack3.x配置
    RabbitMQ服务安装(Linux)
    JavaScript验证用户输入
    IP地址检测工具
  • 原文地址：https://www.cnblogs.com/LCGIS/p/3364277.html
Copyright © 2011-2022 走看看