は、テキストエリアにTXTリンクをロードし、単語が、私はテキストとリンクを持っている

Question

を数える取得：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); 
    }); 

が働いているが、私は唯一の「言葉の数：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

負荷がasynchrone機能でテキストがロードされる前に実行されているコールバック関数としてそれを行う必要があります。 これを呼び出すと、スクリプトが処理されます。したがって、あなたは彼らがそこにいる前に言葉を唱えます。コールバック関数を使用する必要があります。

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