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 攻撃にさらされることになります。もしそうなら、それは大丈夫です。