加载并附加外部html文件

Question

我想加载外部HTML文件，内容如下：

{"html":" \n <font>\u043b\u0432.<\/font> \n ","back":""}

我尝试使用这段代码 - 它会加载文件，但它仍然是\ n和其他东西..

<div id="success"></div>
<script>$.get('test.html', function(data) { $(data).appendTo("#success"); } );</script>

Answer 1

修改后的代码：由于您的数据是JSON对象，因此您应该使用$.getJSON。并将所有\n替换为<br>。

<script>
   $.getJSON('test.html', function(data) {
      data =data.html.replace(/\n/g, "<br>"); 
      $(data).appendTo("#success"); } );
</script>

Answer 2

不要使用appendTo，而是执行以下操作：

<div id="success"></div>
<script>$.get('test.html', function(data) { $("#success").html(data); } );</script>

请注意：如果您不控制“数据”的内容，则表明您正在接触XSS攻击。如果你这样做，那就没关系。