通过javascript将文本文件转换为html

时间:2014-11-26 20:56:03

标签: javascript xmlhttprequest

我一直在寻找各种解决方案,到目前为止,我发现的“最简单”似乎是this对类似问题发表评论。

我对javascript或如何实现它知之甚少,所以我不知道为什么这可能不起作用。

到目前为止,我有:

<!DOCTYPE html>
<html>
<title>Goal, Strategy, Tactic</title>

<script type="text/javascript">
function read(textFile){
    var xhr=new XMLHttpRequest;
    xhr.open('GET',textFile);
    xhr.onload=show;
    xhr.send()
}

function show(){
    var pre=document.createElement('pre');
    pre.textContent=this.response;
    document.body.appendChild(pre)
}

</script>

并在身体中:

<script type="text/javascript">
<!--
read('Android_String_Update.txt');
show();
//-->
</script>

Android_String_Update.txt 是一个包含内容的文本文件。我也在safari 8.0上测试了这个,它支持xhr2

文本文件内容为:

文件中的文字示例是

#### Inputs
No inputs required

#### Tools
* Jenkins
* Gitlab

#### Steps
1. Navigate to the jenkins
1. Click on "Build Now"

任何想法我做错了什么?

1 个答案:

答案 0 :(得分:1)

我刚刚在最新版本的Firefox上测试了你的代码,它运行得很好。 经过测试的代码:

<!DOCTYPE html>
<html>
<title>Goal, Strategy, Tactic</title>

<script type="text/javascript">
function read(textFile){
    var xhr=new XMLHttpRequest;
    xhr.open('GET',textFile);
    xhr.onload=show;
    xhr.send()
}

function show(){
    var pre=document.createElement('pre');
    pre.textContent=this.response;
    document.body.appendChild(pre)
}

</script>

<body>

<script type="text/javascript">
read('Android_String_Update.txt');
show();
</script>

</body>

</html>

假设您在同一文件夹中有一个名为Android_String_Update.txt的文本文件,它应该可以正常工作。你在javascript控制台中有任何错误吗?