在 textarea 中加载一个 txt link 并获取字数

Load a txt link in a textarea and get word count

我有一个 link 文本:https://process.filestackapi.com/output=format:txt/3i0kHfrRXyGHg9StS8zf 我想将内容放在文本区域中并获取字数,所以我在 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);
    });

获取文本区域中的内容有效,但我只获取了 "Number of words: 1",而且文本很多。

我需要一些帮助。

只需将您的代码放入加载回调中即可

$(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);
            }
    );
});

加载时使用回调函数。在回调中计算 text area 中的字数。回调函数在加载完成后执行。

$(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);
  });
});
<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>

.

您需要在文本加载前 运行 作为回调函数执行此操作 https://jsfiddle.net/kgohLty3/

$(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);
            }
    );
});

加载是一个异步函数。 当你调用它时,你的脚本会继续。这是你在单词出现之前数一下。您需要使用回调函数

$(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);
    });    
});