關(guān)于格式化jason顯示在頁面上

json-viewer

下載 這個(gè)js 的插件 代碼 

https://github.com/abodelot/jquery.json-viewer

在頁面上加載 

如果是動(dòng)態(tài)頁面，記得另外寫一個(gè)調(diào)用的js 方法

如下

頁面加載3秒后才調(diào)用相應(yīng)的數(shù)據(jù)

      
        window.onload = function() {
      
      
          var inputfromText;
      
      
        
          

      
      
          setTimeout(function() {
      
      
            var iframes = document.getElementsByTagName('iframe');
      
      
            for (var i = 0; i < iframes.length; i++) {
      
      
              var iframeDoc = iframes[i].contentDocument || iframes[i].contentWindow.document;
      
      
              var iframeJquery = iframes[i].contentWindow.$;
      
      
        
          

      
      
              var textareaElem = iframeDoc.getElementById('pr0_testassignments');
      
      
        
          

      
      
              if (textareaElem) {
      
      
                var newScript = document.createElement("script");
      
      
                newScript.type = "text/javascript";
      
      
                newScript.src = "WEB-CORE/extscripts/jquery/json-viewer/jquery.json-viewer.js";
      
      
                iframeDoc.head.appendChild(newScript);
      
      
        
          

      
      
                // Create new link element and add it to the iframe's head
      
      
                var newLink = document.createElement("link");
      
      
                newLink.rel = "stylesheet";
      
      
                newLink.href = "WEB-CORE/extscripts/jquery/json-viewer/jquery.json-viewer.css";
      
      
                iframeDoc.head.appendChild(newLink);
      
      
        
          

      
      
                var specificTable = iframeJquery('#sdiedit'); 
      
      
            specificTable.after($('<table width="" height="" border="0" cellspacing="0" style="background-color: white" cellpadding="0" id="table_json_view" currenttab="0"> <tr><td class="maintform_fieldtitle">Viewer</td><td class="maintform_fieldtitle" ><pre id="json-renderer"></pre></td></tr> </table>'));
      
      
        
          

      
      
            try {
      
      
                  inputfromText = JSON.parse(textareaElem.value);
      
      
                } catch (error) {
      
      
                  console.log('Invalid JSON', error);
      
      
                }
      
      
                break;
      
      
              }
      
      
            }
      
      
            for (var i = 0; i < iframes.length; i++) {
      
      
              var rendererElem = iframes[i].contentDocument.getElementById('json-renderer');
      
      
              if (rendererElem) {
      
      
                $(rendererElem).jsonViewer(inputfromText);
      
      
                break;
      
      
              }
      
      
            }
      
      
        
          

      
      
        
          

      
      
          }, 3000);
      
      
        };