首頁 > 開發者 > JavaScript

javascript json的使用（以及中文亂碼的解決亂碼）

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

對於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）

<%@ page language="java"  pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><title>Insert title here</title><script type="text/javascript" src="json.js"></script><script type="text/javascript" src="jquery-1.6.2.js"></script><style>  button { margin:4px; cursor:pointer; }  input { margin:4px; color:blue; }  </style></head><body><div>    <button id="button3">json</button>  </div>  <input type="text" value="click a button" /><script>/////////#button3    $("#button3").click(function () {    ///json對象轉化成j字串--toJSONString()///字串轉化成json對象--eval('(' + str + ')');///取json對象裡面某個屬性的值用點（例如myObject.bindings[0].time） var myJSONObject = {"bindings": [        {"nnn": "春天", "time": "標示", "add": "北京"},        {"ircEvent": "好", "method": "方法", "regex": "上海"}    ] };    alert("json對象取屬性值\n"+myJSONObject.bindings[0].nnn );    ///json對象轉化成json字串方法：var myJSONtext=myJSONObject.toJSONString();alert("json對象轉化成字串,toJSONString\n"+myJSONtext);var myJSONtext2=JSON.stringify(myJSONObject);alert("json對象轉化成字串,用全域的內建對象JSON.stringify\n"+myJSONtext2);    ///json字串轉化成json對象方法：var myJSONObject2 = eval('(' + myJSONtext + ')');var myJSONObject3=myJSONtext.parseJSON();var myJSONObject4=JSON.parse(myJSONtext);alert("字串轉化成json對象,用eval\n"+myJSONObject2.bindings[0].time );alert("字串轉化成json對象,用parseJSON\n"+myJSONObject3.bindings[0].add );alert("字串轉化成json對象,用全域的內建對象JSON.parse\n"+myJSONObject4.bindings[0].nnn );    /////////////////    });</script></body></html>   

                

                    
本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

                

            


                            
相關關鍵詞：
                    

                                                    javascript json functions
                                                    javascript string to json
                                                    json foreach javascript
                                                    json methods javascript
                                                    array to json javascript
                                                    javascript json encode array
                                                    javascript json manipulation library
                                            

                

                                                                            

                    相關文章
                    

                                                    

                                
                                    漂亮簡單Javascript 調色盤代碼                                
                                
                            

                                                    

                                
                                    javascript的indexOf忽略大小寫方法_javascript技巧                                
                                
                            

                                                    

                                
                                    JavaScript的parseInt 取整使用                                
                                
                            

                                                    

                                
                                    用js一招破解所有網頁的加密原始碼的方法                                
                                
                            

                                                    

                                
                                    Wireshark基本介紹和學習TCP三向交握，wiresharktcp                                
                                
                            

                                                    

                                
                                    jQuery AJAX timeout 逾時問題詳解，jqueryajax                                
                                
                            

                                            

                

                    

        

            

                

                                        

                        

                    

                

                

    

                    
聯繫我們

            
該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

            

                如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至：
                info-contact@alibabacloud.com
                進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。
            

            



                

            

            
熱門內容

            
        

    


                                

                    










  
      
  
            
                
                
            
  
      
  








                

            

        

    

    


    


  

    

      

        

          

            

              
A Free Trial That Lets You Build Big!

              
 Start building with 50+ products and up to 12 months usage for Elastic Compute Service 

              

                Get Started for Free
              

            

          

          

            

              
    
                
  • 
                  
    Sales Support
    
                  
    
                    1 on 1 presale consultation
                  
    
                  
    
                    Chat
                    Contact Sales
                  
    
                
    • 
                
  • 
                  
    After-Sales Support
    
                  
    
                    24/7 Technical Support
                    6 Free Tickets per Quarter
                    Faster Response
                  
    
                  
    
                    Open a Ticket
                  
    
                
    • 
                
  • 
                  
    
                  
     Alibaba Cloud offers highly flexible support services tailored to meet your exact needs. 
    
                  
    
                    Learn More
                  
    
                
    •