javascript - 如何从文本src中抓取文本？

Question

我希望能够提取位于同一服务器内其他页面上的文本数据，以使页面源看起来更有条理。

我使用以下 html 标记包含了来自服务器的文本。

<text id='sampleText' src='data/sampleText.txt'></text>

我前往该地址以澄清该路径是否有效。确保它存在后，我编写了 javascript 来抓取它。

document.getElementById("sampleText").value //return: ""

.innerHTML 也不起作用。有没有办法通过javascript抓取文本？还是我的html标签错了？也许两者兼而有之？

Answer 1

您将需要使用 ajax 调用从文件中获取数据并将其附加到页面。

最好/最简单的方法是使用 jQuery 的 .get() 函数。

看这里: jquery - Read a text file?

$(document).ready(function() {
    $.get("data/sampleText.txt", function(data) {
        $("sampleText").text(data);
    });
});   

还有 .load() 函数，但我建议使用 .get()，因为如果将来需要，您可以对数据执行更多操作。

.load() 会将数据直接注入(inject)到您调用的 DOM 中。