javascript - 执行顺序是什么？ JQuery : $(document). 准备好(函数(){})； $(窗口).on ('load' , 函数 () { })

Question

以下示例代码的执行顺序是什么？会$(window).on('load', function () { })在完成 $(document).ready(function () { }); 之前执行。

通过 AJAX 调用从服务器加载值后，我需要将所有文本字段值更改为大写。该页面有二十多个字段。

//Sample Code
$(window).on('load', function () {
      //Some Code... to change all text field values to uppercase

      alert("Window Loaded");
});

$(document).ready(function () {
    //Some Code....

    $.ajax({
        url: "TestLoadOne",
        type: "POST",
        async: false,
        contentType: 'application/text; charset=utf-8',
        success: function (data) {
            console.log('async false Ajax');
        }
    });

    $.ajax({
        url: "TestLoadOne",
        type: "POST",
        async: true,
        contentType: 'application/text; charset=utf-8',
        success: function (data) {
            console.log('async false Ajax');
        }
    });

    $.ajax({
        url: "TestLoadOne",
        type: "POST",
        async: true,
        contentType: 'application/text; charset=utf-8',
        success: function (data) {
            console.log('async false Ajax');
        }
    });

    alert("Document Loaded");
});

//C# Code.
public string TestLoadOne()
{
    System.Threading.Thread.Sleep(40000);
    return "Hello";
}

Answer 1

因为您的 AJAX 调用是异步的，所以并不能真正说明它们将按什么顺序完成。我们所知道的是，在调用 window.onLoad 之前，这些调用将在 document.ready 内触发 ( see for details )。理想情况下，您应该编写回调，使其顺序无关紧要。