在textarea中加载txt链接并获取字数

时间:2017-05-10 21:02:34

标签: javascript jquery html textarea word-count

我有一个文字链接:https://process.filestackapi.com/output=format:txt/3i0kHfrRXyGHg9StS8zf  我想把内容放在textarea中并得到一些单词,所以我在html中这样做了:

<textarea id="dkd" cols="30" rows="10"></textarea>
<br><br><br>
<div id="count"></div>

在Javascript中:

$(document).ready(function(){

        $("#dkd").load('https://process.filestackapi.com/output=format:txt/3i0kHfrRXyGHg9StS8zf');

        var value = $("#dkd").val();
        var count = value.split(' ').length;
        $("#count").html("Number of words: " + count);
    });

在textarea中获取内容是有效的,但我只获得了“单词数量:1”,并且它有很多文本。

我想要一些帮助。

4 个答案:

答案 0 :(得分:2)

只需将您的代码置于加载回调

$(document).ready(function(){

    $("#dkd").load('https://process.filestackapi.com/output=format:txt/3i0kHfrRXyGHg9StS8zf', function() {
        var value = $("#dkd").val();
        var count = value.split(' ').length;
        $("#count").html("Number of words: " + count);
    });


});

答案 1 :(得分:1)

在加载中使用回调函数。在回调中计算text area中的单词数量。一旦加载完成,就会执行回调函数。

&#13;
&#13;
$(document).ready(function() {

  $("#dkd").load('https://process.filestackapi.com/output=format:txt/3i0kHfrRXyGHg9StS8zf', function() {
    var value = $("#dkd").val();
    var count = value.split(' ').length;
    $("#count").html("Number of words: " + count);
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="dkd" cols="30" rows="10"></textarea>
<br>
<br>
<br>
<div id="count"></div>
&#13;
&#13;
&#13;

答案 2 :(得分:1)

您需要将其作为在文本加载之前运行的回调函数 natsort

$(document).ready(function () {
    $("#dkd").load('https://process.filestackapi.com/output=format:txt/3i0kHfrRXyGHg9StS8zf',
            function () {
                var value = $("#dkd").val();
                var count = value.split(' ').length;
                $("#count").html("Number of words: " + count);
            }
    );
});

答案 3 :(得分:1)

load是异步功能。 当你调用它时,你的脚本就会继续。因此,在他们到达之前你会说出这些话。您需要使用回调函数

$(document).ready(function(){
    $("#dkd").load('https://process.filestackapi.com/output=format:txt/3i0kHfrRXyGHg9StS8zf', function(){
            var value = $("#dkd").val();
            var count = value.split(' ').length;
            $("#count").html("Number of words: " + count);
    });    
});