javascript - 加载和附加外部 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 攻击。如果你这样做，没关系。