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

Question

我有一个 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"，而且文本很多。

我需要一些帮助。

Answer 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);
            }
    );
});

Answer 2

加载时使用回调函数。在回调中计算 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>

.

Answer 3

您需要在文本加载前运行作为回调函数执行此操作 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);
            }
    );
});

Answer 4

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

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

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

Load a txt link in a textarea and get word count

javascript

jquery

html

textarea

word-count