Please refer to the following: <html> <head> <script src="http://127.0.0.1:8080/jasperserver-pro/client/visualize.js?_opt=false"></script> </head> <body> <div id="reportContainer">Loading..</div> <script> visualize({ //server: "http://127.0.0.1:8080/jasperserver-pro", auth: { name: "jasperadmin", password: "jasperadmin", organization: "organization_1" } }, function (v) { v("#reportContainer").report({ resource: "/public/Samples/Reports/01._Geographic_Results_by_Segment_Report", defaultJiveUi: { enabled: false }, error: handleError }); function handleError(err){ alert(err.message); } }); </script> </body> </html> ============================ jsfiddle: http://jsfiddle.net/zwr2ohtz/