显示格式为html的文本文件?

时间:2017-01-28 18:44:15

标签: javascript ajax

如何显示 content.txt 中的文字及其中的标记,以便显示为常规HTML?

1 个答案:

答案 0 :(得分:2)

首先,您创建文件 content.txt ,然后在其中写下您要显示的html源代码。例如:
content.txt

Yep, this is the content.txt!
Some html?
<code>This is the code tag</code>
<button class="btn btn-primary" onclick="hideAjax()">Hide content.txt</button>
<h1>It works!</h1>

<强> HTML

<div id="ajaxResponse">
    content.txt isn't displayed
</div>
    <button type="button" onclick="loadAjax()" class="btn btn-primary">Show text from content.txt</button>

<强> JS / Ajax的

 function loadAjax() {
   var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
     if (this.readyState == 4 && this.status == 200) {
       document.getElementById("ajaxResponse").innerHTML =
       this.responseText;
     }
   };
   xhttp.open("GET", "content.txt", true);
   xhttp.send();
 }

注意:我在testingc.ga找到了这个,所以请务必查看他们的版本。