Dict.CN 在線詞典, 英語學習, 在線翻譯

          都市淘沙者

          荔枝FM Everyone can be host

          導航

          <2025年7月>
          293012345
          6789101112
          13141516171819
          20212223242526
          272829303112
          3456789

          公告


          我的blog中的部分資源是來自于網絡上,如果你認為侵犯了你的權利,請及時聯系jelver#163.com,我會盡快刪除!另外如果要留言最好通過郵件的形式跟我交流因為我不是很經常寫文章,前面有的朋友留言好久了我才發現,所以對不住大家,現在留下MSN:jelver#163.com和QQ:253840881,歡迎交流! (用@代替#)

          隨筆分類

          文章分類

          隨筆檔案

          文章檔案

          相冊

          統計

          留言簿(23)

          積分與排名

          優秀學習網站

          友情連接

          閱讀排行榜

          評論排行榜

          javascript轉換字符串為json對象的方法

          JSON是一種便于操作使用的輕量級數據交換格式。易于人閱讀和編寫。同時也易于機器解析和生成。具體介紹請查看:http://www.json.org。

          很多時候我們需要組裝字符串為json對象,首先要組合字符串,然后轉換為json對象,如下面的例子:
          <script type="text/javascript">
          <!--
          var a
          =50,b="xxx";
          var arr
          ="{id:"+a+",name:'"+b+"'}";
          //-->
          </script>

          組合成了字符串arr,下一步就是轉換成對象了,很快我們會想到使用eval方法,但如果這樣做轉換會出現錯誤,今日偶就這樣嘗試了,那該如何轉換 成json對象呢?郁悶許久,之后在json官網提供的json.js文件中找到了解決辦法,方法如下:
          在字符串兩端再加上括號然后eval就 ok了。測試代碼如下:
          <script type="text/javascript">
          <!--
          var a
          =50,b="xxx";
          var arr
          ="{id:"+a+",name:'"+b+"'}";
          arr
          =eval('('+arr+')')
          alert(arr.name);
          //-->
          </script>

          上面代碼執行后會彈出“xxx”,說明已經成功轉換為json對象了,一個似乎很簡單的問題,不過還是郁悶了半天才解決掉,還是記到 blog上以加深印象,也希望能幫助遇到此問題的朋友早日解除郁悶。
          *******************************************************************************************************************
          *******************************************************************************************************************

          JSON (JavaScript Object Notation)一種簡單的數據格式,比xml更 輕巧。 JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 數據不需要任何特殊的 API 或 工具包。

          JSON的規則很簡單: 對象是一個無序的“‘名稱
          /值’對”集合。一個對象以“{” (左括號)開始,“}”(右括號)結束。每個“名稱”后跟一個“:” (冒號);“‘名稱/值’ 對”之間使用“,” (逗號)分隔。具體細節參考http://www.json.org/json-zh.html

          舉個簡單的例子:
          js 代碼

             
          1. function showJSON() {   
             
          2.     var user =   
             
          3.      {   
             
          4.         "username":"andy",   
             
          5.         "age":20,   
             
          6.         "info": { "tel""123456""cellphone""98765"},   
             
          7.         "address":   
             
          8.              [   
             
          9.                  {"city":"beijing","postcode":"222333"},   
            
          10.                  {"city":"newyork","postcode":"555666"}   
            
          11.              ]   
            
          12.      }   
            
          13.        
            
          14.      alert(user.username);   
            
          15.      alert(user.age);   
            
          16.      alert(user.info.cellphone);   
            
          17.      alert(user.address[0].city);   
            
          18.      alert(user.address[0].postcode);   
            
          19. }   

          這表示 一個user對象,擁有username, age, info, address 等屬性。

          同樣也可以用JSON來簡單的修改數據,修改上面的例子
          js 代碼

             
          1. function showJSON() {   
             
          2.     var user =   
             
          3.      {   
             
          4.         "username":"andy",   
             
          5.         "age":20,   
             
          6.         "info": { "tel""123456""cellphone""98765"},   
             
          7.         "address":   
             
          8.              [   
             
          9.                  {"city":"beijing","postcode":"222333"},   
            
          10.                  {"city":"newyork","postcode":"555666"}   
            
          11.              ]   
            
          12.      }   
            
          13.        
            
          14.      alert(user.username);   
            
          15.      alert(user.age);   
            
          16.      alert(user.info.cellphone);   
            
          17.      alert(user.address[0].city);   
            
          18.      alert(user.address[0].postcode);   
            
          19.        
            
          20.      user.username = "Tom";   
            
          21.      alert(user.username);   
            
          22. }   

          JSON提供了json.js 包,下載http:
          //www.json.org/json.js 后,將其引入然后就可以簡單的使用object.toJSONString()轉換成JSON數 據。
          js 代碼

             
          1. function showCar() {   
             
          2.     var carr = new Car("Dodge""Coronet R/T"1968"yellow");   
             
          3.      alert(carr.toJSONString());   
             
          4. }   
             
          5.   
             
          6. function Car(make, model, year, color)        {   
             
          7.      this.make   =   make;   
             
          8.      this.model   =   model;   
             
          9.      this.year   =   year;   
            
          10.      this.color   =   color;   
            
          11. }   

          可以使用eval來轉換JSON字符到Object
          js 代碼

             
          1. function myEval() {   
             
          2.     var str = '{ "name": "Violet", "occupation": "character" }';   
             
          3.     var obj = eval('(' + str + ')');   
             
          4.      alert(obj.toJSONString());   
             
          5. }   

          或者使用parseJSON()方法
          js 代碼

             
          1. function myEval() {   
             
          2.     var str = '{ "name": "Violet", "occupation": "character" }';   
             
          3.     var obj = str.parseJSON();   
             
          4.      alert(obj.toJSONString());   
             
          5. }   

          下面使用prototype寫一個JSON的ajax例子。
          先寫一個servlet (我的是servlet.ajax.JSONTest1.java)就寫一句話
          java 代碼

             
          1. response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");  

          再在頁面中寫一個ajax的 請求
          js 代碼

             
          1. function sendRequest() {   
             
          2.     var url = "/MyWebApp/JSONTest1";   
             
          3.     var mailAjax = new Ajax.Request(   
             
          4.          url,   
             
          5.          {   
             
          6.              method: 'get',   
             
          7.              onComplete: jsonResponse   
             
          8.          }   
             
          9.      );   
            
          10. }   
            
          11.   
            
          12. function jsonResponse(originalRequest) {   
            
          13.      alert(originalRequest.responseText);   
            
          14.     var myobj = originalRequest.responseText.parseJSON();   
            
          15.      alert(myobj.name);   
            
          16. }   

          prototype
          -1.5.1.js中提供了JSON的方法,String.evalJSON(), 可以不使用json.js, 修改上面的方法
          js 代碼

             
          1. function jsonResponse(originalRequest) {   
             
          2.      alert(originalRequest.responseText);   
             
          3.     var myobj = originalRequest.responseText.evalJSON(true);   
             
          4.      alert(myobj.name);   
             
          5. }   

          JSON還提供了java的 jar包 http:
          //www.json.org/java/index.html API也很簡單,下面舉個例子

          在javascript中 填加請求參數
          js 代碼

             
          1. function sendRequest() {   
             
          2.     var carr = new Car("Dodge""Coronet R/T"1968"yellow");   
             
          3.     var pars = "car=" + carr.toJSONString();   
             
          4.   
             
          5.     var url = "/MyWebApp/JSONTest1";   
             
          6.     var mailAjax = new Ajax.Request(   
             
          7.          url,   
             
          8.          {   
             
          9.              method: 'get',   
            
          10.              parameters: pars,   
            
          11.              onComplete: jsonResponse   
            
          12.          }   
            
          13.      );   
            
          14. }   

          使用JSON請求字符串就可以簡單的生成JSONObject并進行解析,修改servlet添加JSON的處理(要使用json.jar)
          java 代碼

             
          1private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {   
             
          2.          String s3 = request.getParameter("car");   
             
          3.         try {   
             
          4.             JSONObject jsonObj = new JSONObject(s3);   
             
          5.              System.out.println(jsonObj.getString("model"));   
             
          6.              System.out.println(jsonObj.getInt("year"));   
             
          7.          } catch (JSONException e) {   
             
          8.              e.printStackTrace();   
             
          9.          }   
            
          10.          response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");   
            
          11.      }   

          同樣可以使用JSONObject生成JSON字符串,修改servlet
          java 代碼

             
          1private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {   
             
          2.          String s3 = request.getParameter("car");   
             
          3.         try {   
             
          4.             JSONObject jsonObj = new JSONObject(s3);   
             
          5.              System.out.println(jsonObj.getString("model"));   
             
          6.              System.out.println(jsonObj.getInt("year"));   
             
          7.          } catch (JSONException e) {   
             
          8.              e.printStackTrace();   
             
          9.          }   
            
          10.            
            
          11.         JSONObject resultJSON = new JSONObject();   
            
          12.         try {   
            
          13.              resultJSON.append("name""Violet")   
            
          14.                        .append("occupation""developer")   
            
          15.                        .append("age"new Integer(22));   
            
          16.              System.out.println(resultJSON.toString());   
            
          17.          } catch (JSONException e) {   
            
          18.              e.printStackTrace();   
            
          19.          }   
            
          20.          response.getWriter().print(resultJSON.toString());   
            
          21.      }   

          js 代碼

             
          1. function jsonResponse(originalRequest) {   
             
          2.      alert(originalRequest.responseText);   
             
          3.     var myobj = originalRequest.responseText.evalJSON(true);   
             
          4.      alert(myobj.name);   
             
          5.      alert(myobj.age);   
             
          6. }  

          參考

          http:
          //www.json.org/js.html

          http:
          //www.aygfsteel.com/Jkallen/archive/2006/03/28/37905.html

          http:
          //www.json.org/

          http:
          //www.prototypejs.org/learn/json

          http:
          //www.json.org/java/index.html

          http:
          //www.ibm.com/developerworks/cn/web/wa-ajaxintro10/index.html

          posted on 2011-03-14 09:46 都市淘沙者 閱讀(9567) 評論(0)  編輯  收藏 所屬分類: AJAX/XML/ANT/SOAP/WEBService

          主站蜘蛛池模板: 云梦县| 长子县| 大足县| 桃园市| 寻甸| 普兰县| 通城县| 常州市| 平定县| 罗平县| 磐安县| 镇坪县| 永嘉县| 台中市| 德惠市| 靖宇县| 蚌埠市| 乐平市| 古丈县| 宾川县| 莆田市| 寿光市| 鄂伦春自治旗| 金坛市| 班玛县| 囊谦县| 沙田区| 教育| 合山市| 大新县| 南安市| 青河县| 横山县| 八宿县| 阿克陶县| 宁国市| 临沂市| 孝昌县| 新密市| 行唐县| 松阳县|