Загрузка файла ASP.NET MVC и параметр jQuery

Question

У меня есть контроллер (ViewResult), который получает строковый параметр, создает файл PDF и отправляет PDF-файл обратно в браузер. Я тестировал сам контроллер, и он отлично работает. К сожалению, когда я пытаюсь отправить этот контроллер из функции $ .ajax jQuery (передавая простую строку), контроллер всегда принимает строковый параметр как null. Я пробовал сотни различных конфигураций функции $ .ajax. Вот контроллер, который возвращает PDF в браузере (он работает ... до тех пор, пока я создаю HTML внутри метода):

[HttpPost] 
public ActionResult HtmlToPdf(String htmlData) 
{ } 

Вот JQuery я использую, на мой взгляд (показываемых по нажатие кнопки):

function getPdf() { 
    var htmlData = “blah, blah, etc.”; 
    $.ajax({ 
     url: '/Home/HtmlToPdf', 
     type: 'post', 
     data: JSON.stringify(htmlData), 
     contentType: 'application/json; charset=utf-8', 
     success: handleSuccess, 
     error: handleError 
    }); 
} 

Я пытался «пост», «получить», JSON, текст, HTML, stringify, различные типы контента и т.д. кто-нибудь знает, как правильно отправить строку (УАК " htmlData 'выше) к контроллеру? После? Получить? Что-то другое? Благодарю.

Answer 1

Вы должны отправить его в качестве JSon объекта:

function getPdf() { 
    var htmlData = “blah, blah, etc.”; 
    var dataToPost = { htmlData: htmlData }; 
    $.ajax({ 
     url: '/Home/HtmlToPdf', 
     type: 'POST', 
     data: JSON.stringify(dataToPost), 
     dataType: 'json', 
     contentType: 'application/json; charset=utf-8', 
     success: handleSuccess, 
     error: handleError 
    }); 
} 

Вы тогда доступ в HomeController, просто объявив это аргументом, как вы это сделали. Дело в том, что вам нужно передать имя аргумента как часть объекта JSON. Тот факт, что вы являетесь именем переменной, также является «htmlData», не имеет значения. Выше, может также быть легко ...

var stuff = "blah, etc..."; 
var dataToPost = { htmlData: stuff }; 

Очевидно, что для нескольких аргументов вы просто иметь больше деталей в вашем объекте ...

var dataToPost = { arg1: someData, arg2: 2, arg3: true } 

... с ...

public ActionResult DoStuff(string arg1, int? arg2, bool? arg3) {} 

Если вы хотите передать массив, добавьте traditional:true в объект аргумента $.ajax.

Я также отмечаю, что я всегда ставил «POST» в верхнем регистре, поскольку, если вы посмотрите на документацию here, аргументы datatype: (например, «json») указаны в нижнем регистре, но «GET» и «POST» 'для type: находятся в верхнем регистре.

---------------------------- Обновление ----------------- --------

Как указано в комментариях, для простой загрузки файлов, вероятно, проще использовать GET.

Основной контроллер что-то вроде (я уравновешивать вниз код, чтобы не проверял это)

public FileResult DownloadFile(string filename) 
{ 
    byte[] fileContent = new byte[0]; 
    using(FileStream fs = File.OpenRead(filename)) { 
     fileContent = new byte[fs.Length]; 
     fs.Read(fileContent, 0, Convert.ToInt32(fs.Length)); 
    } 
    UTF8Encoding encoder = new UTF8Encoding(); 
    return File(encoder.GetBytes(fileContent), "applicaton/text", filename); 
} 

Тогда в JavaScript сделать:

$.get('/Home/DownloadFile', 
    function(data, textStatus, jqXHR) { /* don't think anything needs to be done */ } 
).error(alert('Download failed')); 

Это, очевидно, загружает текстовый файл так что вам нужно будет играть с кодировкой (возможно, возможно, она не нужна?) и stringType для PDF (я думаю, что это просто «приложение/PDF»).Кроме того, чтобы повторить, я не тестировал этот точный код, просто отредактировал логику существующего приложения. Удачи.

Answer 2

Попробуйте отправить ваш data как объект JSON и установив dataType в 'json':

function getPdf() { 
    var htmlData = “blah, blah, etc.”; 
    $.ajax({ 
     url: '/Home/HtmlToPdf', 
     type: 'post', 
     data: { htmlData: htmlData }, 
     dataType: 'json', 
     contentType: 'application/json; charset=utf-8', 
     success: handleSuccess, 
     error: handleError 
    }); 
} 

Answer 3

Спасибо за ответы. Я думаю, все они были правильными и хорошими. Однако я отказался от этого, потому что, я думаю, я пытался сделать что-то, что на самом деле невозможно: отправить вызов ajax на сервер и заставить сервер «закончить работу», вернув двоичный файл в браузер (как PDF). Функция ajax выполняла, получая сообщение об успешном завершении и выполняла свою функцию успеха. Потерянный во всем этом факт заключался в том, что браузер должен был получать ответ файла, а не ответ ajax. Извините, если я не объясню это очень хорошо. Во всяком случае, я отступил и проигнорировал: я создаю свой файл, представляя отчет .NET (.rdlc) в виде PDF и отправляя его в браузер. Сырой, но эффективный. Оглядываясь назад, я не думаю, что аякс был даже способом пойти на это. :-п. Спасибо еще раз за помощь.

Answer 4

Используя метод двойной POST и свободное расширение Jquery «FileDownload» от here

/* 
* jQuery File Download Plugin v1.4.1 
* 
* http://www.johnculviner.com 
* 
* Copyright (c) 2013 - John Culviner 
* 
* Licensed under the MIT license: 
* http://www.opensource.org/licenses/mit-license.php 
*/ 

Которые в основном оборачивает POST в какой-то код, который помогает обработке некоторые сложности ...

У нас есть (с большими кусками удалены (!) ...

 $.ajax({ 
      url: emr.baseURL + '/Control/SaveData', 
      type: 'POST', 
      data: JSON.stringify(dataToPost), 
      dataType: 'json', 
      contentType: 'application/json; charset=utf-8', 
      success: function (json) { 
// stuff deleted which updates page 
         $.fileDownload(
          '/Control/Export', 
          { 
           data: { 
// data list deleted... 
            )) 
           }, 
           httpMethod: 'POST' 
          }); 
        } 
      }, 
      error: function() { 
// deleted 
      } 
     }); 

с методами контроллера (сократить)

public JsonResult SaveData(/* ... */) 
{ 
    /* 
    ... do stuff ... 
    */ 
    return /* JsonResult... */; 
} 

[HttpPost] 
public void Export(/* ... */) 
{ 
    /* 
    ... 
    */ 
    HttpContext context = System.Web.HttpContext.Current; 
    /* 
    ... 
    */ 
    byte[] XLSXdata; 
    /* 
    ...Fill XLXSdata... 
    */ 
    context.Response.Clear(); 
    context.Response.ClearHeaders(); 
    context.Response.ClearContent(); 
    context.Response.Buffer = false; 
    context.Response.ContentType = "application/vnd.ms-excel"; 
    context.Response.AddHeader("content-disposition", "attachment;filename="+filename); 
    context.Response.Charset = ""; 
    context.Response.BinaryWrite(XLSXdata); 
    context.Response.Flush(); 
    context.Response.End(); 
} 

Очевидно, что это явно контролирует то, что входит в ответ.

Надеется, что это помогает/