需要帮助将本地txt文档加载到JS中

时间:2017-03-15 01:54:35

标签: javascript jquery html css

我需要加载外部文本文档,将其分成单独的行,然后显示其中一行。这只是一个更大的项目的第一步,但我想在我继续之前让它工作。我尝试过几种不同的东西,这就是我现在拥有的东西。


I want to  resquert Error Info, if you error request,Error info is 'Any',But how to 'Error info' convert Dictionary?

当我在我的html文件中按下按钮运行此功能时,什么也没发生。任何 JS向导感觉有帮助吗?

1 个答案:

答案 0 :(得分:0)

你有一个错误方式的新线的转义字符。它应该是\n

假设您的文件不包含字符串"/n",(假设get正常工作),您要求它将拆分的第二个元素放入内部HTML中,不存在。

除此之外,请检查您的浏览器控制台,确保在加载文件时没有获得404。

修改

我已设法使用以下代码在本地工作

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
    function capFunction() {
        jQuery.get("CSCI-Classes.txt", function(data) {
            var group=data.split("\n");
            document.getElementById("testDisplay").innerHTML = group[1];
        });
    }
</script>
</head>
<body>
    <input type="button" value="Test" onClick="capFunction()" />
    <div id="testDisplay"></div>    
</body>
</html>

我的CSCI-Classes.txt文件只包含

Test Line 1
Test Line 2
Test Line 3

我看到值Test Line 2显示为testDisplay div的内部HTML。

请注意,这仅在我使用应用程序服务器运行时才有效,当通过file:协议访问HTML文件时,它会产生跨域错误。