加載一個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); 
    }); 

獲得在textarea的內容是工作，但我只獲得「字數：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); 
    });  
});