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

jQuery$.load方法加载一个 url，并将其内容输出到一个 jQuery DOM 元素中。它是该$.ajax方法的简写，但预先配置为将结果写入元素。

您可以使用原始$.ajax方法或其他速记方法之一来更好地满足您的需求。

jQuery Ajax 速记方法

jQuery Ajax 文档

事实上，一个简单的解决方案如下所示：

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