澄清文件中的ajax调用何时被触发

Question

如果我的网页包含以下内容：

1. HTML with text and images.
2. Lots of reference to CSS and Large JS Files.
3. Within HTML a call similar to one below:

$(document).ready(function () {
     $.ajax({
      url: "http://fiddle.jshell.net/favicon.png",
      beforeSend: function( xhr ) {
        xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
      }
    })
      .done(function( data ) {
        if ( console && console.log ) {
          console.log( "Sample of data:", data.slice( 0, 100 ) );
        }
      });
      }

有人可以澄清一下我的理解是否正确，首先是哪一个被加载？

1. 加载所有HTML和图片。
2. 加载CSS并应用CSS样式
3. 然后，调用$ .ajax call。
4. 渲染整页。

Answer 1

保证在DOM准备就绪后调用

ready，仅此而已。这肯定会不加载“所有HTML和图像”，特别是图片可能已加载或未加载。