Using jquery $ .get in a finished document

Question

Can someone explain why the warning statement does not return anything when used in this context:

$(document).ready(function(){

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

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

});

When this statement returns what you expect:

$(document).ready(function(){

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

});

Answer 1

.get does not block, the rest of your script continues to run while the document is loading. To make it work the way you expect, put a warning inside the anonymous function that you provide. This is a callback function and will run after loading a document. i.e:

$(document).ready(function(){

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

});

Answer 2

. function(data){$("#mydiv").append(data)} - , . . , , , "".

, , . , , .

- :

$(document).ready(function(){

    $.get("/getsomedata.php", function(data){
        $("#mydiv").append(data);
        alert($("#mydiv").html()); // will show your data     
      });
});

Answer 3

AJAX- ( ), , AJAX ( ), , html, , .

, , HTML DIV , $.get()

Answer 4

$(document).ready(function(){

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


});

. , , html GET.

Answer 5

AJAX , , . , $.get(), " ", - , . , , :

$(document).ready(function(){
  $.get("/getsomedata.php", function(data){
    // this is a "callback"
    $("#mydiv").append(data)     
    alert($("#mydiv").html());
  });
});

Answer 6

get, , XMLHttpRequest -

Answer 7

, , , div, , ocurs