Невозможно опубликовать новый метод действия через.Ajax сразу после успешного XMLHttpRequest в IE 10
Я добавляю новую функцию в свое приложение, которая позволяет пользователям выполнять процесс постепенно.
Шаг 1 выберите раскрывающееся значение
нажмите следующую кнопку и шаг 2 (ajax-запрос загружает и отображает частичное представление, отображая древовидное представление)
нажмите следующую кнопку
шаг 3 (загрузить файл через XMLHttpRequest)
нажмите следующую кнопку
Шаг 4(другой запрос ajax сделан для частичного представления). По какой-то причине этот запрос никогда не попадет в метод действия контроллера. Что странно, если я отправлю сообщение в метод действия на шаге 2, оно будет опубликовано успешно, но у меня есть другое действие для этого шага.
Я получаю следующие предупреждения в инструментах разработчика IE 10
SEC7127: перенаправление было заблокировано для запроса CORS.
XMLHttpRequest: Сетевая ошибка 0x800c0014, возникла проблема с перенаправлением. SCRIPT7002: XMLHttpRequest: ошибка сети 0x800c0014, возникла проблема с перенаправлением.
Вышеуказанные ошибки, кажется, связаны с XMLhhtprequest до этого шага. Я попытался установить для XMLhttprequest значение NULL или попытаться настроить его на событие успеха. Я не понимаю в Шаге 4, я все еще могу опубликовать действие в шаге 2, но не другое?
шаг 3
function handleFiles() {
var formdata = new FormData(); //FormData object
var xhr = new XMLHttpRequest();
xhr.open('POST', fileUploadURL);
xhr.setRequestHeader('Content-type', 'multipart/form-data');
//Appending file information in Http headers
xhr.setRequestHeader('X-File-Name', document.getElementById('myFile').files[0].name);
xhr.setRequestHeader('X-File-Type', document.getElementById('myFile').files[0].type);
xhr.setRequestHeader('X-File-Size', document.getElementById('myFile').files[0].size);
//Sending file in XMLHttpRequest
xhr.send(document.getElementById('myFile').files[0]);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
$("input[id=filestoredname]").val(xhr.responseText);
alert("file saved..");
}
}
return false;
}
var instrumentSelectionUrl = '@Url.Action("Step2", "ErrorCode")';//step2
var finalTreeViewUrl = '@Url.Action("renderFinalTree", "ErrorCode")';//step3
var fileUploadURL = '@Url.Action("UploadFiles", "ErrorCode")';//step3
$(function () {
$('form').stepy({
backLabel: '<<',
nextLabel: '>>',
finishButton: false,
next: function (index) {
alert(index);
var v = $("#InsIdLst").chosen().val();
if (v == null && index == 2) {
alert("Please select an Instrument");
return false;
}
if (v != null && index == 2) {
var overlay = $('<div></div>').prependTo('body').attr('id', 'overlay');
$.ajax({
type: 'POST',
url: instrumentSelectionUrl,
cache: false,
datatype: "html",
data: $("form").serialize(),
success: function (result) {
$("#errorCodes").html(result);
overlay.remove();
}
});
}
if (index == 4) {
alert("try..");
$.ajax({
type: 'POST',
url: finalTreeViewUrl,
cache: false,
datatype: "html",
data: $("form").serialize(),
success: function (result) {
$("#errorCodesSave").html(result);
}
});
}
}
});
});
1 ответ
Так что на шаге 4, если я использую
$("#errorCodesSave").load(finalTreeViewUrl, { fileName: $("#filestoredname").val(), $("#InsIdLst").chosen().val();: 1 });
вместо $Ajax он отправляет сообщение намеченному действию контроллера. Это работает достаточно хорошо для меня.