Question

我有一个这样的HTML文件。

<html>
<body>
<table border="1" cellpadding="5">
<tr>
<td>Some Fixed text here</td>
<td id="data">---here data as per values in external text file---</td>
</tr>
</table>
</html>

现在我在 index.html 文件的同一目录中有一个文本文件 data.txt 。

我必须使用一些脚本读取文本文件，并按照文本文件第一个字符中的值将固定的innerHTML放入 id = data 。

例如

第一个字符 0 ，innerHTML = <div style="color:red; border:2px dotted blue;">Alpha</div>

第一个字符为 1 ，innerHTML = <div>Beta</div>

第一个字符为 2 ，innerHTML = <div>Gamma<span>more text</span></div>

等...

我发现了使用jquery，ajax的各种脚本。我尝试了这些，但它们对我没有用。由于我对这些技术了解不多，因此无法找到问题。谁能帮助我使用javascript或类似语言制作脚本？

Answer 1

用于纯文本文件的jQuery解决方案，检查文件中文本的第一个字符：

$( function(){
    $.ajax({
        url: 'data.txt',
        type: 'get',
        success: function(data) {
            if (data.substr(0,1) == 0)
                {$("#data").html('<div style="color:red; border:2px dotted blue;">Alpha</div>');}
            if (data.substr(0,1) == 1)
                {$("#data").html('<div>Beta</div>');}
        },
    });
});

您只需要添加要检查的所有其他条件即可。

编辑：

以防万一，如果您使用jQuery代码，则必须将其添加到html文档中。

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

Answer 2

在 JavaScript 中将文本加载并存储到var中：

var text = new XMLHttpRequest();
text.open('GET', '/data.txt');
text.onreadystatechange = function() {
  alert(text.responseText);
}
text.send();

或使用 PHP （简易的IMHO）加载到页面中：

<div><p><?php include('data.txt'); ?></p></div>

从文本文件中读取数据并将其嵌入到HTML网页中。怎么样？

2 个答案: