在文档准备好中使用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
  });

});