如何将图中已get到的数据转换,并在页面内容中显示,求代码实现,急急!!

<html >
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
  <input type="text" style="width:600px;height:30px;font-size:14px;" id="urlText" value="https://www.baidu.com" />
  <input type="button" value="获取" onclick="getURL1()" />
  <br />
  <div id="msg2"></div>
  <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
  <script type="text/javascript">
    function getURL1() {
        $("#msg2").html("");
        var url = $("#urlText").val();
        $.ajax({
          type: 'get',
          url: url,
          cache: false,
          dataType: "jsonp",
          jsonp: "callback",
          processData: false,
          timeout:10000,
          complete: function (data) {
            console.log(data);       
          }      
        });
      }
  </script>
</body>
</html> 

效果类似如上

可以试试渲染到 msg2下面
 function decodeUnicode(str){
        str = str.replace(/\\/g, "%");
        //转换中文
        str = unescape(str);
        //将其他受影响的转换回原来
        str = str.replace(/%/g, "\\");
        //对网址的链接进行处理
        str = str.replace(/\\n/g, "");
        str = str.replace(/\\t/g, "");
        str = str.replace(/\\/g, "");
        return str;
    }
document.getElementById("msg2").innerHTML = this.decodeUnicode(data);

 

或者你可以用iframe的方法

https://blog.csdn.net/qq_41065415/article/details/109901565?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161655515116780357296331%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=161655515116780357296331&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v29-4-109901565.pc_search_result_cache&utm_term=js%E5%90%8E%E5%8F%B0html%E6%B8%B2%E6%9F%93&spm=1018.2226.3001.4449