如何从文本src中获取文本?

时间:2014-07-17 22:22:35

标签: javascript html

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

我使用以下html标记从服务器中包含了一个文本。

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

我去了地址,澄清路径是否正常。在确定它存在之后,我写了javascript来抓住它。

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

.innerHTML也不起作用。有没有办法通过JavaScript获取文本?或者是我的html标签是错的?也许两者都是?

3 个答案:

答案 0 :(得分:1)

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

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

看看这里: jquery - Read a text file?

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

还有.load()函数,但我建议使用.get(),因为如果将来你需要对数据做更多的事情。

.load()会将数据直接注入您拨打电话的DOM。

答案 1 :(得分:0)

我认为你应该使用jquery .load()函数。

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
    <text id="test">
        test
    </text>
    <script>
        $('#test').load('text.txt');
    </script>
</body>
</html>

答案 2 :(得分:-1)

通过ajax获取肯定是要走的路。我已经看到很多站点都实现了这个功能,我甚至在编辑查询执行时在mysql服务器(最新版本)中看到了很多。

您还需要像之前的IMSop所说的那样更改您的html元素。