javascript - 表示する代わりに、検証用の変数で JQuery load() を取得する

Question

ここで私が使用しているもの

$(document).ready(function(){
  $("#button").click(function(){
    $("#box").load("read.txt"); // i want read.txt content in variable
  });
});

このコードは正常に動作していますが、変数の内容が必要です。

Answer 1

これを使うだけ

function validate(content) {
    alert(content); // check your content here
}
$(document).ready(function(){
  $("#button").click(function(){
    //$("#box").load("read.txt"); // skip this line
    $.get('read.txt',validate); // new line
  });
});

Answer 2

The jQuery $.load method loads a url, and outputs it's contents into a jQuery DOM element. It is a shorthand for the $.ajax method, but preconfigured to write the result into an element.

You can use the original $.ajax method or one of it's other shorthands to better suit your needs.

jQuery Ajax Shorthand methods

jQuery Ajax Documentation

Indeed an easy solution to this would look like so:

$(document).ready(function(){
  $("#button").click(function(){
    $.get("read.txt",function(data){
      console.log(data); // data contains the contents of read.txt in string format
    });
  });
});