Embedding Jasper Server Report using IFrame

Prerequisites:
JasperServer Community 7.1,HTML

Step 1: Created a Sample Report in Jasper Server
Step 2: Created a web page containing a button and div with id : reportContainer.Whenever we click on the button , the jasper report is rendered in the container(div) using java script iframe code.

Html Code

Output

Step 3:Use the below script to render a Report in HTML on button click
Passing the Jasperserver URL and Login Details and Report URI

In renderDashboard function, we are validating the Jasper credentials and Rendering the Report

Using IFrame to display the Rendered dashboard in HTML

Step 4: Save this HTML in below location by creating a new folder ‘html’ in webapps
<jasper home>\\apache-tomcat\webapps\html

Step 5: Access the HTML file from below URL and click on Render Dashboard

http://localhost:8080/html/renderStore.html

Output :

Thank You,
Satya Gopi
Helical IT Solutions Pvt Ltd

embedding jasper reports in web application Embedding Jasper Server Report using IFrame Embedding Jaspersoft into your PHP application Embedding using HTTP API Jaspersoft Community How do I create a jasper report server connection How do I embed a jasper report into a web application How do I run a jaspersoft report Jasper Reports jasper server jaspersoft jaspersoft consulting What is the best alternative to JasperReports