We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Hi all,
I am at the point where I can open a pdf through a form submit - like in the sample, but cannot recreate the same with an ajax post - opening a pdf in the browser. Does the method only work when a form is submitted? How could I mimic a form post with an ajax post?
How would one return the data to an ajax success: function (data), with the relevant pdf view display? What datatype would it be?
At the moment I am getting the same %PDF-1.5 %���� 37 0 obj << /Type /Catalog /Pages 38 0 R /AcroForm 39 0 R >> endobj 1 0 obj <<, when returning the: document.ExportAsActionResult("pdf", HttpContext.ApplicationInstance.Response, Syncfustion.Pdf.HttpReadType.Open)
There is not much in the way of documentation with regards to the above, you state put the pdf in an iframe, but nowhere do you use the data in the code.
I'll be appreciative of help.
Regards.
Hi Dominic,
Thank you for your update,
I have attached simple mvc sample to generate and show the PDF document in the browser, can you please add your ajax post code in this and send the sample back to us or send us the sample which your trying , it will help us to check the possibilities to open a pdf using ajax.
http://www.syncfusion.com/downloads/support/directtrac/117808/PDF_sample_With_Header277866561.zip
In my previous update I have provided the code snippet to open a pdf from the local folder using iframe, can your please try this and let us know, that satisfies your need here.
success: function(data)
{
var iframe = $('<iframe>');
iframe.attr('src','/pdf/yourpdf.pdf?options=first&second=here');
$('#targetDiv').append(iframe);
}
With Regards,
Praveen
|
@using (Html.BeginForm("GeneratePDF", "Home", FormMethod.Get))
{
<input type="submit" value="Create PDF" onclick="GeneratePDF()" />
}
<div id="spinner"></div>
<script type="text/javascript">
function GeneratePDF() {
var spinnerDiv = document.getElementById("spinner");
spinnerDiv.innerHTML = '<i class="fa fa-circle-o-notch fa-spin" style="font-size:24px"></i >';
var refreshIntervalId = window.setInterval(function () {
$.ajax({
type: "GET",
url: '@Url.Action("GetStatus", "Home")',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
if (response.responseText == 'True') {
document.getElementById("spinner").innerHTML = '';
window.clearInterval(refreshIntervalId);
}
},
error: function (response) {
if (response.responseText == 'True') {
document.getElementById("spinner").innerHTML = '';
window.clearInterval(refreshIntervalId);
}
}
});
}, 1000);
}
</script> |
|
static bool taskCompleted = false;
public ActionResult GeneratePDF()
{
taskCompleted = false;
System.Threading.Thread.Sleep(5000);
// Create a new PdfDocument
PdfDocument document = new PdfDocument();
// Add a page to the document
PdfPage page = document.Pages.Add();
// Create Pdf graphics for the page
PdfGraphics graphics = page.Graphics;
// Create a solid brush
PdfBrush brush = new PdfSolidBrush(Color.Black);
// Set the font
PdfFont font = new PdfStandardFont(PdfFontFamily.Helvetica, 20f);
// Draw the text
graphics.DrawString("Hello world!", font, brush, new PointF(20, 20));
taskCompleted = true;
//Export the document after saving
return document.ExportAsActionResult("output.pdf", HttpContext.ApplicationInstance.Response, HttpReadType.Save);
}
public bool GetStatus()
{
return taskCompleted;
} |
