通过js发送数据并从动作控制器接收pdf

Question

I'm sending two strings from my view to the controller using javascript. Controller receive that strings and based on their values return pdf page. I'm using this approach for creating pdf on the fly. Everything is fine, I'm getting pdf when I look inside firebug, but I don't know what to do inside javascript success operation, how to display this pdf on the view.

my js is

function GetDetails2(xx, xxx) {
$.ajax({
         url: ('/PdfReport/MyreportDemo'),
         type: 'POST',
         contentType: 'application/json',
         data: JSON.stringify({ dataOne: xx, dataTwo: xxx }),
         success: function (result) {                 
                    //alert("ok");
                },    
         error: function () {
               alert("error");
        }
       });
 }

Answer 1

JavaScript isn't very good at handling binary data. The only way to directly handle this is by encoding the data as a base-64 encoded data-uri . Posting JSON trough an <iframe> won't work either, since you need a <form> .

A possible solution would be to change the back-end to accept uri-parameters:

/PdfReport/MyreportDemo?dataOne=xx&dataTwo=xx

Then you could use an <iframe> :

<iframe name="hiddenframe" style="display: none;" src="about:blank"></iframe>
<form id="reportDemoForm" method="post" action="/PdfReport/MyreportDemo" target="hiddenframe">
  <input id="dataOne" name="dataOne" type="hidden" value=""/>
  <input id="dataTwo" name="dataTwo" type="hidden" value=""/>
</form>

$('#dataOne').val('xx');
$('#dataTwo').val('xx');
$('#reportDemoForm').submit();

This assumes you want to download the file. If you want do display it on the page, you can instead show the <iframe> , and size it appropriately.