The computer has come to shape our world and the universe. It is so important that we cannot do without this fantastic invention. You would have heard about networking before. Networking is all about connection, the concept of networking can be applied to every facet of human life. It refers to a computer as well.

How can I get response of form.submit()

Anil

I have to download large archive files on client browser. To achieve it I called controller method wich returned Stream:

Server code:

[HttpPost]
public ActionResult Download(params Guid[] UIds)
{
      if (CampaignId == null)
          throw new ApplicationException(Constants.SESSION_ERROR);
    
      using (ZipFile zip = new ZipFile(Encoding.GetEncoding("cp866")))
      {
           zip.CompressionLevel = Ionic.Zlib.CompressionLevel.BestSpeed;
    
           foreach (PPService.FileResult file in GetDocs(CampaignId.Value, UIds))
                        zip.AddEntry(
                            file.FileName,
                            file.Content);
    
            using (MemoryStream memoryStream = new MemoryStream())
            {
                 zip.Save(memoryStream);
                 return File(memoryStream.ToArray(), "application/zip");
            }
       }
}

Client code:

var url = '@Url.Action("Download", "Home")';
    var archAction = url;
    var form = document.createElement("form");
    form.setAttribute("id", "downloadPublicDocs");
    form.setAttribute("method", "post");
    form.setAttribute("action", archAction);
    form.setAttribute("style", "display: none;");
    form.target = "_self";        
    document.body.appendChild(form);
    
    form.submit();
    
    $("#archLoader").fadeIn(1000);

Then I need to catch submit request to show user "Download completed" and do this $("#archLoader").fadeOut(1000);

I had tried to use:

form.addEventListener("onload", async (event) => {}); not working. onload event not fired at all.

$.post(form.requestSubmit()) .done(function (e) { handler here }) .always(function () {}) .fail(function () {});

not working

var xhr = new XMLHttpRequest(); xhr.open("POST", form.requestSubmit()); xhr.onload = function (event) { alert("!!!"); // raw response };

not working. onload event not fired

xhr.onreadystatechange = function (e) {}

not working. onload event not fired

Is there any solution? I couldn't use any way except form approach, because I will get an error. But how could I handle response?

Thanks.