Javascript MVC中的ajax调用导致;主线程上的xmlhttprequest已弃用;警告

Javascript MVC中的ajax调用导致;主线程上的xmlhttprequest已弃用;警告,javascript,ajax,asp.net-mvc,Javascript,Ajax,Asp.net Mvc,有人知道为什么这个ajax调用会导致控制台警告吗?警告提示这是一个同步呼叫,但我不明白为什么会这样。它还返回正确的模型数据并将其加载到视图中,但视图显示为“已断开”,好像没有正确加载一样 主线程上的xmlhttprequest因其 对最终用户体验的有害影响 功能: function addSelectedModules () { event.preventDefault(); $('#createLearningPathForm').validate(); if ($('

有人知道为什么这个ajax调用会导致控制台警告吗?警告提示这是一个同步呼叫,但我不明白为什么会这样。它还返回正确的模型数据并将其加载到视图中,但视图显示为“已断开”,好像没有正确加载一样

主线程上的xmlhttprequest因其 对最终用户体验的有害影响

功能:

function addSelectedModules () {
    event.preventDefault();
    $('#createLearningPathForm').validate();
    if ($('#createLearningPathForm').valid()) {

        return new Promise((resolve, reject) => {
            $.ajax({
                type: "POST",
                url: "/umbraco/Surface/CreateLearningPath/SetSelectedList",
                data: $('#createLearningPathForm').serialize(),
                success: function (data) {
                    resolve(data)
                },
                error: function (error) {
                    reject(error)
                }
            })
        })

    }
} 


$("#addSelectedModules").on("click", function () {
    addSelectedModules().then(data => {
        $("#lpPartial").html(data);
    })
        .catch(error => {
            console.log(error);
        })
});

如果其他人需要,我会通过更新单个元素而不是更新顶级div来对其进行排序:

$("#addSelectedModules").on("click", function () {
    addSelectedModules().then(data => {
        var selected = $(data).find('#selectedDiv').html();
        var select = $(data).find('#selectItems').html();

        $("#selectedDiv").html(selected);
        $("#selectItems").html(select);
    })
        .catch(error => {
            console.log(error);
        })
});

尝试为它提供相关的contentType和dataType属性,也许吧?另外,默认值是
async:true
,因此您不需要异步属性tried,也可能需要返回承诺,但仍然没有乐趣