Код JQuery не исполняется

Question

Я пытаюсь загрузить файл в MVC Я использовал следующий код jquery для получения файла на контроллере.

$(document).ready(function() { 
     window.addEventListener("submit", function (e) { 
      var form = e.target; 
      if (form.getAttribute("enctype") === "multipart/form-data") { 
       if (form.dataset.ajax) { 
        e.preventDefault(); 
        e.stopImmediatePropagation(); 
        var xhr = new XMLHttpRequest(); 
        xhr.open(form.method, form.action); 
        xhr.onreadystatechange = function() { 
         if (xhr.readyState == 4 && xhr.status == 200) { 
          if (form.dataset.ajaxUpdate) { 
           var updateTarget = document.querySelector(form.dataset.ajaxUpdate); 
           if (updateTarget) { 
            updateTarget.innerHTML = xhr.responseText; 
           } 
          } 
         } 
        }; 
        xhr.send(new FormData(form)); 
       } 
      } 
     }, true); 
    }); 

Я взял этот сценарий из here

Ее рабочий файл, но когда я хочу, чтобы запустить некоторые другие JQuery скрипт то не стреляя здесь код этого.

function OnUserSuccess() { 
     if ($("#UserDocumentID").val() == 0) { 
      mvcNotify.displayMessage("Record saved successfully.", "success"); 
     } else { 
      mvcNotify.displayMessage("Record updated successfully.", "success"); 
     } 
    } 

Я называю это в Ajax.begin Form()

@using (Ajax.BeginForm("DocEdit", "User", new { EditUserID = ViewBag.EditUserID }, new AjaxOptions() { HttpMethod = "POST", UpdateTargetId = "UserPartialdiv", OnSuccess = "OnUserSuccess" }, new { enctype = "multipart/form-data", @class = "form-sm" })) 

Я не очень в курсе JQuery и новые для MVC, а также, пожалуйста, будьте вежливы.

Answer 1

Поскольку вы переопределены MVC Ajax представить с помощью функции Javascript submit, вы можете попробовать вызов метода в вызове успеха назад как этот

if (xhr.readyState == 4 && xhr.status == 200) { 
          if (form.dataset.ajaxUpdate) { 
           var updateTarget = document.querySelector(form.dataset.ajaxUpdate); 
           if (updateTarget) { 
            updateTarget.innerHTML = xhr.responseText; 
           } 

           //Call your method here 
           OnUserSuccess() 
          } 
        } 

Answer 2

Внутри функции JQuery, используйте

var file = new File(); 

После этого у вас должна быть кнопка для загрузки, на событие клика, получить файл.

var fileDate = $('#textboxId').value(); 

и отправьте FILEDATA на контроллер

$.ajax(type: "POST", 
     url: '\YourController\yourFunctionName',, 
     data: { yourParameterNameInControllerFunction : fileData }, 
     success: function() { alert('Success'); }, 
     error: function() {alert('Error')}); 

контроллера должен выглядеть следующим образом

[HttpPost] 
public ActionResult functionName(HttpPostedFileBase file) { 

if (file.ContentLength > 0) { 
var fileName = Path.GetFileName(file.FileName); 
var path = Path.Combine(Server.MapPath("~/giveyourdirectory"), fileName); 
file.SaveAs(path); 
} 

return RedirectToAction("functionName"); 
} 

этого с помощью Ajax вызова является основным требованием, необходимым для загрузки.