解决方案 »

  1.   

    咦,怎么发出来代码变成一横行了?
    {"data":{"html":"\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\n\n\r\n\r\n\t\t\t\t\t\t\t                                          \u003Cdiv data-listdata= \u0027{\u0026quot;moduleName\u0026quot;:\u0026quot;song\u0026quot;}\u0027 class=\u0022normal-song-list song-list song-list-hook song-list-btnBoth  song-list-btnTop song-list-btnBottom\u0022\u003E\u003Cdiv class=\u0022funbtn-wrap bb-dotimg top-btn clearfix\u0022\u003E\u003Cinput id=\u0022all_selected_top\u0022 type=\u0022checkbox\u0022  checked=true  class=\u0022select-all-hook\u0022 \/\u003E\u003Clabel for=\u0022all_selected_top\u0022\u003E\u5168\u9009\u003C\/label\u003E\r\n               
     \r\n            \r\n                        \r\n                                                        \r\n        \r\n                                              
      \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b play-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n                           
     \u003Ci class=\u0022icon btn-icon-play\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u64ad\u653e\u9009\u4e2d\u6b4c\u66f2\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n            
    \r\n                        \r\n                                                        \r\n        \r\n                                                \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b add-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n
                                \u003Ci class=\u0022icon btn-icon-add\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u52a0\u5165\u64ad\u653e\u5217\u8868\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n
                \r\n                        \r\n                                                        \r\n        \r\n
                                                    \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b collect-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n
                                \u003Ci class=\u0022icon btn-icon-collect\u0022\u003E\u003C\/i\u003E
                                \u003Cspan class=\u0022txt\u0022\u003E\u6536\u85cf\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n 
               \r\n                        \r\n                                                        \r\n        \r\n
                                                    \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b down-selected-hook\u0022 \u003E\r\n
            \u003Cspan class=\u0022inner\u0022\u003E\r\n
                                \u003Ci class=\u0022icon btn-icon-down\u0022\u003E\u003C\/i\u003E
                                \u003Cspan class=\u0022txt\u0022\u003E\u6279\u91cf\u4e0b\u8f7d \u003Ci class=\u0027power-icon-min power-icon-vipidentity-active\u0027\u003E\u003C\/i\u003E\u003C\/span\u003E\r\n 
                           \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n    \u003C\/div\u003E\u003Cul\u003E\u003C!-- \u9875\u9762\u7d22\u5f15\u5f00\u59cb\u503c --\u003E\u003C!-- 
    \u6bcf\u4e00\u4e2a\u6761\u76ee\u7684\u7d22\u5f15\u503c\u8bbe\u7f6e --\u003E\u003Cli  data-songitem = \u0027{\u0026quot;yyr_song_id\u0026quot;:null,\u0026quot;songItem\u0026quot;:
    {\u0026quot;sid\u0026quot;:\u0026quot;5844657\u0026quot;,\u0026quot;author\u0026quot;:\u0026quot;\\u672c\\u516e\u0026quot;,\u0026quot;sname\u0026quot;:\u0026quot;\\u600e\\u4e48\\u529e\\u6211\\u7231\\u4f60\u0026quot;,\u0026quot;pay_type\u0026quot;:\u0026quot;0\u0026quot;}}\u0027 class=\u0022  bb-dotimg clearfix  song-item-hook  \u0022\u003E\u003Cdiv class=\u0022song-item\u0022\u003E\u003Cspan class=\u0022checkbox-item\u0022\u003E \u003Cinput type=\u0022checkbox\u0022  checked  class=\u0022checkbox-item-hook\u0022\/\u003E\u003C\/span\u003E\u003Cspan class=\u0022index-num index-hook\u0022  style=\u0022width: 25px;\u0022 \u003E21\u003C\/span\u003E\u003Cspan class=\u0022song-info \u0022 \u003E\u003C\/span\u003E\u003C!-- \u8bbe\u7f6e\u622a\u65ad\u957f\u5ea6\uff0c\u8003\u8651\u5230\u6709\u70ed\u95e8\u6b4c\u66f2\u540e\u4f1a\u8ddf\u4e00\u4e2ahot\u6807\u7b7e\uff0c\u9700\u8981\u505a\u76f8\u5e94\u5904\u7406 --\u003E\u003Cspan class=\u0022fun-icon\u0022\u003E\r\n    \r\n    \r\n    \r\n    \r\n                                                                                                                                                                     \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b down-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n
                                \u003Ci class=\u0022icon btn-icon-down\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u6279\u91cf\u4e0b\u8f7d \u003Ci class=\u0027power-icon-min power-icon-vipidentity-active\u0027\u003E\u003C\/i\u003E\u003C\/span\u003E\r\n
                            \u003C\/span\u003E\r\n
        \u003C\/a\u003E\r\n    \u003C\/div\u003E\u003C\/div\u003E\r\n
        ","js":"\r\n","css":"\r\n"}}
      

  2.   

    这个是转码前还是后,怎么转成utf-8或是gbk呢?
      

  3.   

    在页面中通过js解析就可以显示被编译后的html代码,以及展示其效果。
    需要引入json.js文件。通过js转义,然后在输出。var _json = {"data":{"html":"\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\n\n\r\n\r\n\t\t\t\t\t\t\t                                          \u003Cdiv data-listdata= \u0027{\u0026quot;moduleName\u0026quot;:\u0026quot;song\u0026quot;}\u0027 class=\u0022normal-song-list song-list song-list-hook song-list-btnBoth  song-list-btnTop song-list-btnBottom\u0022\u003E\u003Cdiv class=\u0022funbtn-wrap bb-dotimg top-btn clearfix\u0022\u003E\u003Cinput id=\u0022all_selected_top\u0022 type=\u0022checkbox\u0022  checked=true  class=\u0022select-all-hook\u0022 \/\u003E\u003Clabel for=\u0022all_selected_top\u0022\u003E\u5168\u9009\u003C\/label\u003E\r\n                \r\n            \r\n                        \r\n                                                        \r\n        \r\n                                                \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b play-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n                            \u003Ci class=\u0022icon btn-icon-play\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u64ad\u653e\u9009\u4e2d\u6b4c\u66f2\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n            \r\n                        \r\n                                                        \r\n        \r\n                                                \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b add-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n                            \u003Ci class=\u0022icon btn-icon-add\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u52a0\u5165\u64ad\u653e\u5217\u8868\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n            \r\n                        \r\n                                                        \r\n        \r\n                                                \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b collect-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n                            \u003Ci class=\u0022icon btn-icon-collect\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u6536\u85cf\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n            \r\n                        \r\n                                                        \r\n        \r\n                                                \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b down-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n                            \u003Ci class=\u0022icon btn-icon-down\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u6279\u91cf\u4e0b\u8f7d \u003Ci class=\u0027power-icon-min power-icon-vipidentity-active\u0027\u003E\u003C\/i\u003E\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n    \u003C\/div\u003E\u003Cul\u003E\u003C!-- \u9875\u9762\u7d22\u5f15\u5f00\u59cb\u503c --\u003E\u003C!-- \u6bcf\u4e00\u4e2a\u6761\u76ee\u7684\u7d22\u5f15\u503c\u8bbe\u7f6e --\u003E\u003Cli  data-songitem = \u0027{\u0026quot;yyr_song_id\u0026quot;:null,\u0026quot;songItem\u0026quot;:{\u0026quot;sid\u0026quot;:\u0026quot;5844657\u0026quot;,\u0026quot;author\u0026quot;:\u0026quot;\\u672c\\u516e\u0026quot;,\u0026quot;sname\u0026quot;:\u0026quot;\\u600e\\u4e48\\u529e\\u6211\\u7231\\u4f60\u0026quot;,\u0026quot;pay_type\u0026quot;:\u0026quot;0\u0026quot;}}\u0027 class=\u0022  bb-dotimg clearfix  song-item-hook  \u0022\u003E\u003Cdiv class=\u0022song-item\u0022\u003E\u003Cspan class=\u0022checkbox-item\u0022\u003E \u003Cinput type=\u0022checkbox\u0022  checked  class=\u0022checkbox-item-hook\u0022\/\u003E\u003C\/span\u003E\u003Cspan class=\u0022index-num index-hook\u0022  style=\u0022width: 25px;\u0022 \u003E21\u003C\/span\u003E\u003Cspan class=\u0022song-info \u0022 \u003E\u003C\/span\u003E\u003C!-- \u8bbe\u7f6e\u622a\u65ad\u957f\u5ea6\uff0c\u8003\u8651\u5230\u6709\u70ed\u95e8\u6b4c\u66f2\u540e\u4f1a\u8ddf\u4e00\u4e2ahot\u6807\u7b7e\uff0c\u9700\u8981\u505a\u76f8\u5e94\u5904\u7406 --\u003E\u003Cspan class=\u0022fun-icon\u0022\u003E\r\n    \r\n    \r\n    \r\n    \r\n                                                                                                                                                                     \u003Ca   href=\u0022javascript:;\u0022  class=\u0022btn btn-b down-selected-hook\u0022 \u003E\r\n        \u003Cspan class=\u0022inner\u0022\u003E\r\n                            \u003Ci class=\u0022icon btn-icon-down\u0022\u003E\u003C\/i\u003E                            \u003Cspan class=\u0022txt\u0022\u003E\u6279\u91cf\u4e0b\u8f7d \u003Ci class=\u0027power-icon-min power-icon-vipidentity-active\u0027\u003E\u003C\/i\u003E\u003C\/span\u003E\r\n                        \u003C\/span\u003E\r\n    \u003C\/a\u003E\r\n    \u003C\/div\u003E\u003C\/div\u003E\r\n    ","js":"\r\n","css":"\r\n"}};
    var _s = _json.data.html.replace(/\r\n/,"<br/>");
    var _ss = unescape(_s);
    var _d = document.createElement("div");
    _d.innerHTML = _ss;
    document.body.appendChild(_d);
      

  4.   

    这是一个JSON格式的数据。 用JSONObject 对象来处理
    JSONObject obj =  JSONObject.formartObj(JSON数据);
    String html = obj.get("html").toString();
    String js = obj.get("js").toString();
    String css = obj.get("css").toString();手写的可能存在错误,但意思就是这样了·。 
      

  5.   

    谢谢你,json.js进行转义是什么原理呢,我可以用java代码模拟实现吗?
      

  6.   

    主要是html里获取的值不会转成正常的那种<div ><span/></div>,这个该如何转换?
      

  7.   

    你在后台返回的json对象值中包含特殊符号涵义,其中包含中文,引号等相关符合。传递到页面中需要将此对象值中的所有特殊涵义的符号重新转义回来。才能正常显示数据。
    也可以在java端实现转义。需要通过java的转换进行。具体可以到网上查查java中文字符串编码转换的。
    相对来说,通过js转换会比较快捷方便的。
      

  8.   

    这是uncode编码,用new String(data.getBytes(),"utf8");转一下。然后用json解析。
      

  9.   

    我试了System.out.println(new String(result.getBytes(), "utf8"));
    输出结果还是\u0026quot;moduleName\u0026quot;:\u0026quot;song\u0026quot;这样的。
      

  10.   

    这样只能转移Unicode编码的东西,剩下的&quot;是转换不了的,要自己replace掉。