Javascript MVC中的ajax调用导致;主线程上的xmlhttprequest已弃用;警告
有人知道为什么这个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 ($('
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,也可能需要返回承诺,但仍然没有乐趣