javascript - 为什么主线程上的同步 XMLHttpRequest 的 ajax 调用给出错误已被弃用？

Question

我正在 ASP.net MVC5 中做作业。当我执行 ajax 时，它成功调用它，转到操作方法(已调试)。但之后，当我对某些内容进行标记并将其附加到正文时，它会在 jquery min.js 中给出错误，并且控制台上的错误是:主线程上的同步 XMLHttpRequest 已被弃用，因为它会对最终用户的体验产生不利影响。jquery-1.11.0.min.js:4 未捕获的 ReferenceError: $document 未定义

我的代码如下:

$.ajax({
            url: url,
            type: "GET",
            contentType: "application/json; charset=utf-8",
            cache: false,
            async: false,
            success: function (data, status) {
                if (status && data) {
                    var Markup = data;
                    var Title = Id && Id != null ? "edit" : "New";
                    $AddEdit = BootstrapModal.createAndShow("modal", Title, Markup); // this is another method in JS
                }
            },
            error: function () {
                alert("not workig");
            }
        });

Bootstrap 方法是:

var createAndShow = function (ElementId, Title, Markup) {
        debugger;

      //Here some markup is creating and append to body

        $("body").append(Markup); //Here error come

Answer 1

您遇到的错误:“主线程上的同步 XMLHttpRequest 已被弃用，因为它会对最终用户的体验产生不利影响。如需更多帮助 http://xhr.spec.whatwg.org/”

说明了一切。您正在使用同步 Ajax 调用，通过在此行中显式设置它:

async: false,

这已被弃用。如果适用，请将其更改为 true。然而，在极少数情况下，同步 ajax 调用可能有用。