jquery - 在文档中使用 Jquery $.get 准备就绪

Question

有人可以解释一下为什么警报语句在这种情况下使用时不会返回任何内容:

$(document).ready(function(){

    $.get("/getsomedata.php", function(data){
        $("#mydiv").append(data)     
      });

     alert($("#mydiv").html()); //outputs nothing

});

当此语句返回您期望的结果时:

$(document).ready(function(){

     $("#mydiv").append('some info')     
      alert($("#mydiv").html()); //outputs 'someinfo'

});

Answer 1

.get 不会阻塞，脚本的其余部分会在文档加载时继续运行。为了让它按您的预期工作，请将警报放入您提供的匿名函数中。这是一个回调函数，将在文档加载后触发。即:

$(document).ready(function(){

$.get("/getsomedata.php", function(data){
    $("#mydiv").append(data);
    alert($("#mydiv").html()); // This won't fire til somedata.php is loaded
  });

});